:root {
    /**
     * ========================
     *   Global Variables
     * ========================
     */

    /* Brand Colors */
    --brand-primary-lightest: #eaf2ff;
    --brand-primary-lighter: #bbd4ff;
    --brand-primary-light: #5c98ff;
    --brand-primary: #337eff;
    --brand-primary-dark: #1168ff;
    --brand-primary-darker: #004bcc;
    --brand-primary-darkest: #003eaa;
    --brand-primary-disabled: #bbd4ff;
    --brand-primary-opacity-20:#337eff33;

    --brand-success-lightest: #e9f8f1;
    --brand-success-lighter: #b0efd0;
    --brand-success-light: #2ed581;
    --brand-success: #26BD71;
    --brand-success-dark: #22a864;
    --brand-success-darker: #197e4b;
    --brand-success-darkest: #15693f;

    --brand-normal-lightest: #f2f9eb;
    --brand-normal-lighter: #d8eec4;
    --brand-normal-light: #97d362;
    --brand-normal: #8acd4e;
    --brand-normal-dark: #7ac437;
    --brand-normal-darker: #5b932a;
    --brand-normal-darkest: #4c7b23;

    --brand-problem-lightest: #fffae8;
    --brand-problem-lighter: #ffeca2;
    --brand-problem-light: #ffda45;
    --brand-problem: #ffd52e;
    --brand-problem-dark: #ffce0c;
    --brand-problem-darker: #c9a000;
    --brand-problem-darkest: #a78600;

    --brand-warning-lightest: #fef7e8;
    --brand-warning-lighter: #ffb21a;
    --brand-warning-light: #ffb82a;
    --brand-warning: #FFB21A;
    --brand-warning-dark: #f0a000;
    --brand-warning-darker: #b47800;
    --brand-warning-darkest: #966400;

    --brand-error-lightest: #feecee;
    --brand-error-lighter: #fab6bc;
    --brand-error-light: #f56d79;
    --brand-error: #F24957;
    --brand-error-dark: #f02d33;
    --brand-error-darker: #c70f14;
    --brand-error-darkest: #a60c11;

    --brand-danger-lightest: #ffeded;
    --brand-danger-lighter: #ffc8c8;
    --brand-danger-light: #ff6c6c;
    --brand-danger: #F24957;
    --brand-danger-dark: #ff3434;
    --brand-danger-darker: #e60000;
    --brand-danger-darkest: #c00000;
    --brand-danger-opacity-20: #f2495733;
    --brand-danger-disabled: #fbc2c7;


    --brand-assist-lightest: #faf2ff;
    --brand-assist-lighter: #efd9ff;
    --brand-assist-light: #d599ff;
    --brand-assist: #d08cff;
    --brand-assist-dark: #be60ff;
    --brand-assist-darker: #9a08ff;
    --brand-assist-darkest: #8200db;

    --brand-disabled-light: #ededed; /* 选择且禁用的背景 */
    --brand-disabled: #ebebeb; /* 输入框、选择框的禁用背景 */
    --brand-disabled-dark: #999; /* 禁用文本的颜色 */
    --brand-disabled-darker: #9d9d9d; /* 禁用文本的颜色 */

    /* Gray Colors */
    --color-white: white;
    --color-black: black;
    --gray-darkest: #333;
    --gray-darker: #666;
    --gray-dark: #999;
    --gray-base: #aaa;
    --gray-light: #ccc;
    --gray-lighter: #ddd;
    --gray-lightest: #eee;

    /* Component Base Colors */
    --background-color-default: white; /* body 默认的背景 */
    --background-color-default-inverse: #17181f; /* body 默认的背景 */
    --background-color-lightest: #f4f4f4;
    --background-color-lighter: #f4f6f9; /* 选择框的 hover 颜色 */
    --background-color-lighter-inverse: #33353d; /* 选择框的 hover 颜色 */
    --background-color-light: #f4f6f9; /* 表格等组件标题栏颜色 */
    --background-color-base: #ededed; /* 标签、薯条等组件默认颜色 */
    --background-color-base-inverse: #33353d; /* 标签、薯条等组件默认颜色 */
    --background-color-dark: #e3e8f0;
    --background-color-dark-inverse: #2e3038;
    --background-color-darker: #d8dfea;
    --background-color-disabled: #f5f5f5;
    --background-color-hover: #f5f5f5;
    --background-color-disabled-light: #F7F8FA;
    --color-lighter: #ccc; /* Placeholder 字体颜色 */
    --color-light: #999999; /* 次级字体颜色 */
    --color-base: #333333; /* 默认字体颜色 */
    --color-base-inverse: white; /* 默认字体颜色 */
    --color-dark: #363a41; /* 默认字体颜色 */
    --border-color-light: #dee4ed; /* 面板等容器类型的边框颜色 */
    --border-color-base: #e5e5e5; /* 输入框等小组件的边框颜色 */
    --border-color-base-inverse: #212123; /* 输入框等小组件的边框颜色 */
    --border-color-dark: #E3E4E5; /* 按钮等小组件的边框颜色 */
    --border-color-darker: #e0e0e0;

    --font-first-color: #222222; /* 一级字色 */
    --font-second-color: #666666; /* 二级字色 */
    --font-third-color: #999999; /* 三级字色 */
    --font-third-color-opacity-15: #99999926;
    --font-third-color-opacity-60: #99999999;
    --font-fourth-color: #333333; /* 三级字色 */
    --font-disabled-color: #CCCCCC; /* 禁用字色 */
    --font-disabled-color-opacity-50: #CCCCCC80;

    /* Space Dimensions */
    --space-shrink: -1px;
    --space-mini: 4px;
    --space-base: 16px;
    --space-small: 10px;
    --space-medium: 24px;
    --space-large: 30px;
    --space-huge: 40px;

    /* Component Base Dimensions */
    --border-width-base: 1px;
    --width-mini: 80px;
    --width-small: 120px;
    --width-base: 240px; /* 以输入框、选择框为基准的尺寸 */
    --width-medium: 280px;
    --width-large: 440px;
    --width-huge: 580px;
    --height-mini: 22px;
    --height-small: 28px;
    --height-normal: 32px;
    --height-base: 32px; /* 以输入框、选择框为基准的尺寸 */
    --height-medium: 34px;
    --height-large: 38px;
    --height-huge: 42px;
    --border-radius-mini: 2px;
    --border-radius-base: 4px;
    --border-radius-medium: 5px;
    --border-radius-large: 4px;

    /* Fonts */
    /* stylelint-disable value-keyword-case */
    --font-family-zh-CN: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', -apple-system;
    --font-family-code: menlo, consolas, monaco, monospace;
    --tab-size: 4;
    --line-height-base: 1.6;
    --font-size-base: 14px;
    --font-size-small: calc(var(--font-size-base) * (12 / 14));
    --font-size-large: calc(var(--font-size-base) * (16 / 14));
    --font-size-huge: calc(var(--font-size-base) * (24 / 14));
    --font-weight-lighter: lighter;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-bolder: bolder;

    --box-shadow-base: 0 0 4px rgba(3, 3, 3, .1);
    --box-shadow-small: 0px 2px 12px rgba(0, 0, 0, 0.06);
    --box-shadow-small-hover: 0px 2px 16px rgba(0, 0, 0, 0.12);
    --box-shadow-large: 0px 2px 15px rgba(64, 69, 78, 0.15);
    --box-shadow-form-item-base: 0 0 0 2px var(--brand-primary-opacity-20);

    /* Z-Index */
    --z-index-loading: 9000;
    --z-index-toast: 8000;
    --z-index-tooltip: 7010;
    --z-index-popper: 7000;
    --z-index-modal: 7000;
    --z-index-plugin: 2000;
    --z-index-layout: 100;
    --z-index-base: 1;

    /* Component Action Hints */
    --cursor-pointer: pointer;
    --cursor-not-allowed: not-allowed;
    --focus-outline: none;

    /* Transition Duration */
    --transition-duration-none: 0s;
    --transition-duration-base: 0.2s;
    --transition-duration-fast: 0.1s;
    --transition-duration-slow: 0.3s;
    --transition-duration-slower: 0.5s;
    --transition-collapse-base: var(--transition-duration-base) height ease-in-out, var(--transition-duration-base) padding-top ease-in-out, var(--transition-duration-base) padding-bottom ease-in-out;

    /**
     * ========================
     *   排版
     * ========================
     */

    --hr-border-color: var(--border-color-base);
    --blockquote-padding: 8px 16px;
    --ulol-padding-left: 20px;
    --pre-font-size: var(--code-font-size);
    --pre-font-family: var(--font-family-code);
    --pre-padding-y: 5px;
    --pre-padding-x: 10px;
    --code-margin-x: 2px;
    --code-padding-y: 3px;
    --code-padding-x: 3px;
    --code-background: var(--background-color-lighter);
    --code-color: #e0276e;
    --code-font-size: var(--font-size-small);

    --kbd-padding-y: 2px;
    --kbd-padding-x: 4px;
    --kbd-font-size: var(--font-size-small);
    --kbd-background: var(--background-color-base);
    --kbd-border-width: var(--border-width-base);
    --kbd-border-color: var(--border-color-dark);
    --kbd-border-radius: var(--border-radius-base);
    --kbd-box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.7) inset;

    --scrollbar-size: 4px;
    --scrollbar-background: rgba(0, 0, 0, 0.15);
    --scrollbar-background-inverse: rgba(0, 0, 0, 0.15);
    --scrollbar-background-hover: rgba(0, 0, 0, 0.25);
    --scrollbar-background-hover-inverse: rgba(0, 0, 0, 0.25);
    --scrollbar-border-radius: 3px;
    --scrollbar-border-color: transparent;
    --scrollbar-border-width: 4px;

    /**
     * ========================
     *   布局
     * ========================
     */

    /* @layouts l-dashboard */
    --dashboard-background: var(--background-color-lightest);
    --dashboard-padding: 40px;

    /* @component u-crumb */
    --crumb-color-link: var(--brand-primary); /* @type color */ /* @desc 可跳转链接的默认文字颜色,如：#223325 */
    --crumb-color-disabled: var(--gray-darker); /* @type color */ /* @desc 禁用链接的默认文字颜色,如：#223325 */
    --crumb-space-x: 6px; /* @desc 链接与箭头符号之间的间距,如：1px */

    /* @component u-panel */
    --panel-border-width: 1px; /* @desc 面板外边框宽度,如：1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --panel-border-radius: var(--border-radius-medium); /* @desc 面板外边框圆角,如：1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */
    --panel-background: var(--background-color-default); /* @type color */ /* @desc 面板背景色,如：#223325 */ /* @depStaticStyles ["background-color"] */
    --panel-box-shadow: var(--box-shadow-small); /* @desc 面板外边框阴影,如：1px */
    --panel-head-padding-x: 24px; /* @desc 面板标题左右内边距,如：1px */
    --panel-head-padding-y: 14px; /* @desc 面板标题上下内边距,如：1px */
    --panel-body-padding-x: 24px; /* @desc 面板内容区内边距,如：1px */
    --panel-body-padding-y: 18px; /* @desc 面板内容区内边距,如：1px */
    --panel-title-font-size: 18px; /* @desc 面板标题字号大小,如：1px */
    --panel-title-font-weight: bold; /* @desc 面板标题字体粗细,如：bold */

    --panel-border-color: var(--border-color-light); /* @hidden */
    --panel-box-shadow-hover: var(--box-shadow-small-hover); /* @hidden */

    /* @component u-collapse */
    --collapse-item-fill-background: var(--background-color-light); /* @type color */ /* @desc 面板项背景颜色,如：#223325 */
    --collapse-border-width: var(--border-width-base); /* @desc 面板边框宽度,如：1px */
    --collapse-border-color: var(--border-color-base); /* @type color */ /* @desc 面板边框颜色,如：#223325 */
    --collapse-border-radius: var(--border-radius-base); /* @desc 面板边框圆角,如：1px */
    --collapse-item-head-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 面板禁用项折叠表头文字颜色,如：#223325 */
    --collapse-item-head-padding: 10px 20px 10px 40px; /* @desc 面板项折叠表头内边距,如：1px */
    --collapse-item-head-min-height: 42px; /* @desc 面板项折叠表头最小高度,如：1px */
    --collapse-item-expander-size: 42px; /* @desc 面板项展开箭头容器元素大小,如：1px */
    --collapse-item-expander-color: var(--color-light); /* @type color */ /* @desc 面板项展开箭头颜色,如：#223325 */
    --collapse-item-expander-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 面板项展开箭头颜色（禁用状态）,如：#223325 */
    --collapse-item-expander-font-size: 18px; /* @desc 面板项展开箭头大小,如：1px */
    --collapse-item-content-padding: 20px; /* @desc 面板项内容区内边距,如：1px */
    --collapse-transition-duration: var(--transition-duration-base); /* @desc 面板展开动画快慢参数,如：0.2s */

    --collapse-item-head-padding-small: 6px 8px 6px 32px; /* @hidden */
    --collapse-item-head-padding-mini: 4px 8px 4px 28px; /* @hidden */
    --collapse-item-expander-size-small: 34px; /* @hidden */
    --collapse-item-expander-size-mini: 28px; /* @hidden */
    --collapse-item-content-padding-mini: 10px; /* @hidden */

    /* @component u-card @hidden */
    --card-border-width: 1px;
    --card-border-radius: var(--border-radius-base);
    --card-background: var(--background-color-default);
    --card-border-color: var(--border-color-light);
    --card-box-shadow: var(--box-shadow-small);
    --card-box-shadow-hover: var(--box-shadow-small-hover);
    --card-head-padding-x: 12px;
    --card-head-padding-y: 10px;
    --card-body-padding-x: 12px;
    --card-body-padding-y: 12px;
    --card-title-font-size: 18px;
    --card-title-font-weight: bold;

    /* @component u-navbar-multi */
    --navbar-height: 60px;/* @desc 导航栏高度 */
    --navbar-space-x: 40px;/* @hidden */
    --navbar-background: #333333;/* @type color */ /* @desc 导航栏背景颜色 */
    --navbar-background-inverse: var(--brand-primary);/* @hidden */
    --navbar-color: white;/* @type color */ /* @desc 导航栏字体颜色 */
    --navbar-item-space: 30px;/* @hidden */
    --navbar-item-padding: 0 10px;/* @hidden */
    --navbar-item-font-size: var(--font-size-large);/* @hidden */
    --navbar-item-background: transparent;/* @hidden */
    --navbar-item-background-hover: transparent;/* @hidden */
    --navbar-item-background-selected: transparent;/* @hidden */
    --navbar-item-color: white;/* @type color */ /* @desc 导航栏菜单项字体颜色 */
    --navbar-item-color-hover: white;/* @type color */ /* @desc 导航栏菜单项悬浮字体颜色 */
    --navbar-item-color-selected: white;/* @type color */ /* @desc 导航栏菜单选中字体颜色 */
    --navbar-item-color-disabled: var(--brand-disabled);/* @hidden */
    --navbar-group-color: white;/* @type color */ /* @desc 导航栏分组字体颜色 */
    --navbar-group-color-hover: white;/* @type color */ /* @desc 导航栏分组悬浮字体颜色 */

    --navbar-divider-line-background: transparent;/* @type color */ /* @desc 导航栏菜单项分隔线颜色 */

    --navbar-item-color-inverse: white;/* @hidden */
    --navbar-item-line-transition-duration: 0.5s;/* @hidden */
    --navbar-item-line-background: currentColor;/* @type color */ /* @desc 导航栏菜单项高亮线条颜色 */
    --navbar-item-line-height: 3px;/* @hidden */
    --navbar-divider-width: var(--border-width-base);/* @hidden */
    --navbar-divider-height: 20px;/* @hidden */
    --navbar-divider-background: #ddd;/* @type color */ /* @desc 导航栏分隔组件颜色 */
    --navbar-dropdown-padding: 0 30px 0 10px;/* @hidden */
    --navbar-dropdown-icon-font-size: 18px;/* @hidden */
    --navbar-dropdown-popper-line-height: var(--line-height-base);/* @hidden */
    --navbar-dropdown-popper-font-size: var(--font-size-base);/* @hidden */
    --navbar-dropdown-popper-padding: 8px 0;/* @hidden */
    --navbar-dropdown-popper-background: var(--navbar-menu-item-background);/* @hidden */
    --navbar-dropdown-color-disabled: var(--brand-disabled);/* @hidden */
    --navbar-menu-item-padding: 7px 18px;/* @hidden */
    --navbar-menu-item-background: #232d3e;/* @hidden */
    --navbar-menu-item-background-hover: #141d2b;/* @hidden */
    --navbar-menu-item-color: inherit;/* @hidden */
    --navbar-menu-item-color-hover: inherit;/* @hidden */
    --navbar-menu-border-color: #232d3e;/* @hidden */
    --navbar-menu-divider-background: var(--list-view-divider-background);/* @hidden */
    --navbar-menu-box-shadow: 0 0 6px rgba(47, 53, 58, 0.3);/* @hidden */
    --navbar-select-width: 90px;/* @hidden */
    --navbar-select-padding-left: 10px;/* @hidden */
    --navbar-select-padding-right: 30px;/* @hidden */
    --navbar-select-hover-background: none;/* @hidden */
    --navbar-select-focused-background: none;/* @hidden */
    --navbar-select-item-padding: 2px 18px;/* @hidden */
    --navbar-select-item-color: white;/* @hidden */
    --navbar-select-item-background: #232d3e;/* @hidden */
    --navbar-select-item-background-hover: #141d2b;/* @hidden */
    --navbar-select-item-background-selected: white;/* @hidden */
    --navbar-select-divider-background: var(--list-view-divider-background);/* @hidden */
    --navbar-select-box-shadow: 0 0 6px rgba(47, 53, 58, 0.3);/* @hidden */

    /* @component u-sidebar */
    --sidebar-background: #ffffff; /* @desc 侧边栏背景色,如：#223325 */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-group,u-sidebar-divider */ /* @depStaticStyles { "u-sidebar": ["background-color"] } */
    --sidebar-item-height: 54px; /* @group 项 */ /* @desc 侧边栏项高度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["height"] } */
    --sidebar-item-padding-left: 30px; /* @group 项 */ /* @desc 侧边栏项左边距,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["padding-left"] } */
    --sidebar-item-background: #ffffff; /* @group 项 */ /* @desc 侧边栏项背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["background-color"] } */
    --sidebar-item-background-selected: rgba(51,126,255,0.12); /* @group 项 */ /* @desc 侧边栏项选中背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-background-disabled: #ffffff; /* @group 项 */ /* @desc 侧边栏项禁用背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-background-selected-disabled: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项禁用选中背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-color: #333333; /* @group 项 */ /* @desc 侧边栏项文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar": ["color"], "u-sidebar-item": ["color"] } */
    --sidebar-item-background-hover: var(--sidebar-item-background); /* @group 项 */ /* @desc 侧边栏项背景色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-color-hover: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项文字颜色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-color-selected: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项选中时文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-color-disabled: #586475; /* @group 项 */ /* @desc 侧边栏项禁用文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-border-right-width: 4px; /* @group 项 */ /* @desc 侧边栏项右边框宽度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-right-width"] } */
    --sidebar-item-border-right-color: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项右边框颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-color"] } */
    --sidebar-item-border-bottom-width: 0px; /* @group 项 */ /* @desc 侧边栏项下边框宽度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-bottom-width"] } */
    --sidebar-item-border-bottom-color: #e5e5e5; /* @group 项 */ /* @desc 侧边栏项下边框颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-color"] } */
    --sidebar-item-icon-font-size: 16px; /* @group 项 */ /* @desc 侧边栏项图标大小,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-icon-color: inherit; /* @group 项 */ /* @desc 侧边栏项图标颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-icon-color-hover: inherit; /* @group 项 */ /* @desc 侧边栏项图标颜色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-item-icon-color-selected: inherit; /* @group 项 */ /* @desc 侧边栏项图标颜色（选中状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */
    --sidebar-group-padding-left: 10px; /* @group 分组 */ /* @desc 侧边栏分组左边距,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-group": ["padding-left"] } */
    --sidebar-group-head-height: 52px; /* @group 分组 */ /* @desc 侧边栏分组头部高度,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-padding-left: 30px; /* @group 分组 */ /* @desc 侧边栏分组头部左边距,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-font-weight: var(--font-weight-bold); /* @group 分组 */ /* @desc 侧边栏分组头部字重,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-color: #333333; /* @group 分组 */ /* @desc 侧边栏分组头部字体颜色,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-color-hover: var(--brand-primary); /* @group 分组 */ /* @desc 侧边栏分组头部字体颜色（hover状态）,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-background-hover: #f5f5f5; /* @group 分组 */ /* @desc 侧边栏分组头部背景色（hover状态）,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-color-selected: var(--brand-primary); /* @hidden */
    --sidebar-group-head-border-bottom-width: 0px; /* @group 分组 */ /* @desc 侧边栏分组头部下边距宽度,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-group-head-border-bottom-color: #e5e5e5;/* @group 分组 */ /* @desc 侧边栏分组头部下边距颜色,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */
    --sidebar-divider-margin-y: 8px; /* @group 分隔符 */ /* @desc 侧边栏分隔符左外边距,如：1px */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["margin-top", "margin-bottom"] } */
    --sidebar-divider-height: var(--border-width-base); /* @group 分隔符 */ /* @desc 侧边栏分隔符高度,如：1px */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["height"] } */
    --sidebar-divider-background: #3d4654; /* @group 分隔符 */ /* @desc 侧边栏分隔符背景色,如：#223325 */ /* @type color */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["background-color"] } */

    --sidebar-width: 240px; /* @hidden */
    --sidebar-background-inverse: #2b333f; /* @hidden */
    --sidebar-item-background-selected-inverse: #252b33; /* @hidden */
    --sidebar-item-background-disabled-inverse: #2b333f; /* @hidden */
    --sidebar-item-background-selected-disabled-inverse: #2b333f; /* @hidden */
    --sidebar-item-height-small: 32px; /* @hidden */
    --sidebar-item-border-right-width-small: 3px; /* @hidden */
    --sidebar-item-color-inverse: #8594aa; /* @hidden */
    --sidebar-item-color-hover-inverse: white; /* @hidden */
    --sidebar-item-color-selected-inverse: white; /* @hidden */
    --sidebar-group-head-color-inverse: #9dabc2; /* @hidden */
    --sidebar-group-head-color-hover-inverse: white; /* @hidden */
    --sidebar-group-head-color-selected-inverse: #9dabc2; /* @hidden */
    --sidebar-group-popper-margin-left: 2px; /* @hidden */
    --sidebar-expander-color-disabled: var(--brand-disabled); /* @hidden */

    /* @component u-menu @hidden */
    --menu-padding-y: 0;
    --menu-background: white;
    --menu-min-width: none;
    --menu-background-hover: var(--background-color-light);
    --menu-border-width: var(--border-width-base);
    --menu-border-color: var(--border-color-base);
    --menu-border-radius: 0;
    --menu-box-shadow: var(--box-shadow-base);
    --menu-item-padding: 5px 15px;
    --menu-item-size: 32px;
    --menu-item-color: var(--color-base);
    --menu-divider-background: var(--border-color-base);
    --menu-divider-margin-y: 9px;
    --menu-divider-height: var(--border-width-base);

    /* @component u-toc @hidden */
    --toc-width: 200px;
    --toc-padding: 5px;
    --toc-circle-size: 9px;
    --toc-item-circle-size: 5px;
    --toc-font-size: 14px;
    --toc-background: transparent;
    --toc-border-width: var(--border-width-base);
    --toc-border-color: var(--border-color-base);

    /**
     * ========================
     *   展示
     * ========================
     */

    /* @component u-text */
    --text-font-size: var(--font-size-base); /* @desc 文本字号大小,如：1px */ /* @depAttrs { "size": ["normal"] } */ /* @depStaticStyles ["font-size"] */
    --text-font-size-small: var(--font-size-small); /* @desc 小号文本字号大小,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["font-size"] */
    --text-font-size-large: calc(var(--font-size-base) * (18 / 14)); /* @desc 大号文本字号大小,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["font-size"] */
    --text-font-size-huge: calc(var(--font-size-base) * (22 / 14)); /* @desc 巨大号文本字号大小,如：1px */ /* @depAttrs { "size": ["huge"] } */ /* @depStaticStyles ["font-size"] */
    --text-color-primary: var(--brand-primary); /* @type color */ /* @desc 主要文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */
    --text-color-secondary: var(--font-second-color); /* @type color */ /* @desc 次要文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["secondary"] } */ /* @depStaticStyles ["color"] */
    --text-color-success: var(--brand-success); /* @type color */ /* @desc 成功文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */
    --text-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */
    --text-color-error: var(--brand-error); /* @type color */ /* @desc 错误文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */
    --text-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 禁用文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["disabled"] } */

    /* @component u-link */
    --link-color: var(--brand-primary); /* @type color */ /* @desc 默认链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */
    --link-color-light: #6eadff; /* @type color */ /* @desc 浅色链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["light"] } */ /* @depStaticStyles ["color"] */
    --link-color-success: var(--brand-success); /* @type color */ /* @desc 成功链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */
    --link-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */
    --link-color-danger: var(--brand-danger); /* @type color */ /* @desc 危险链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["danger"] } */ /* @depStaticStyles ["color"] */
    --link-color-disabled: var(--font-disabled-color); /* @type color */ /* @desc 禁用链接字体颜色,如：#223325 */
    --link-color-hover: var(--brand-primary-light); /* @type color */ /* @desc 默认链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */
    --link-color-success-hover: var(--brand-success-light); /* @type color */ /* @desc 成功链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */
    --link-color-warning-hover: var(--brand-warning-light); /* @type color */ /* @desc 警告链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */
    --link-color-danger-hover: var(--brand-danger-light); /* @type color */ /* @desc 危险链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["danger"] } */

    --link-color-disabled-hover: var(--brand-disabled-light); /* @hidden */
    --link-color-error: var(--brand-error); /* @hidden */
    --link-color-error-hover: var(--brand-error-light); /* @hidden */
    --link-color-white: white; /* @hidden */

    /* @component u-button */
    /* 宽度 */
    --button-min-width: 78px; /* @hidden */
    /* 高度 */
    --button-height-mini: var(--height-mini); /* @desc Mini按钮高度,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["height"] */
    --button-height-small: var(--height-small); /* @desc Small按钮高度,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["height"] */
    --button-height: var(--height-base); /* @desc 按钮高度,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["height"] */
    --button-height-medium: var(--height-medium); /* @desc Medium按钮高度,如：1px */  /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["height"] */
    --button-height-large: var(--height-large); /* @desc Large按钮高度,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["height"] */
    --button-height-huge: var(--height-huge); /* @desc Huge按钮高度,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["height"] */
    /* 上下边距 */
    --button-padding-y-mini: var(--button-padding-y); /* @desc Mini按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    --button-padding-y-small: var(--button-padding-y); /* @desc Small按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    --button-padding-y: 0px; /* @desc 按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    --button-padding-y-medium: var(--button-padding-y); /* @desc Medium按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    --button-padding-y-large: var(--button-padding-y); /* @desc Large按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    --button-padding-y-huge: var(--button-padding-y); /* @desc Huge按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */
    /* 左右边距 */
    --button-padding-x-mini: 16px; /* @desc Mini按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --button-padding-x-small: 20px; /* @desc Small按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --button-padding-x: 24px; /* @desc 按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --button-padding-x-medium: 28px; /* @desc Medium按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --button-padding-x-large: 32px; /* @desc Large按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --button-padding-x-huge: 36px; /* @desc Huge按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    /* 按钮背景颜色-默认 */
    --button-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要按钮背景色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["background-color"] */
    --button-background-primary-secondary: white; /* @type color */ /* @desc 次要按钮背景色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["background-color"] */
    --button-background: white; /* @type color */ /* @desc 按钮默认背景色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["background-color"] */
    --button-background-danger: var(--brand-error); /* @type color */ /* @desc 危险按钮背景色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["background-color"] */
    --button-background-danger-secondary: white; /* @type color */ /* @desc 次要危险按钮背景色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["background-color"] */
    /* 按钮背景颜色-hover */
    --button-background-primary-hover: var(--brand-primary-light); /* @type color */ /* @desc 主要按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-background-primary-secondary-hover: white; /* @type color */ /* @desc 次要按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-background-hover: white; /* @type color */ /* @desc 按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-background-danger-hover: var(--brand-error-light); /* @type color */ /* @desc 危险按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-background-danger-secondary-hover: white; /* @type color */ /* @desc 次要危险按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 按钮背景颜色-active */
    --button-background-primary-active: var(--brand-primary); /* @type color */ /* @desc 主要按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-background-primary-secondary-active: white; /* @type color */ /* @desc 次要按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-background-active: white; /* @type color */ /* @desc 按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-background-danger-active: var(--brand-error); /* @type color */ /* @desc 危险按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-background-danger-secondary-active: white; /* @type color */ /* @desc 次要危险按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 按钮背景颜色-disabled */
    --button-background-primary-disabled: var(--brand-primary-disabled); /* @type color */ /* @desc 主要按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-background-primary-secondary-disabled: var(--button-background-disabled); /* @type color */ /* @desc 次要按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-background-disabled: #f5f5f5; /* @type color */ /* @desc 按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-background-danger-disabled: var(--brand-error-lighter); /* @type color */ /* @desc 危险按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-background-danger-secondary-disabled: var(--button-background-disabled); /* @type color */ /* @desc 次要危险按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 按钮边框颜色-默认 */
    --button-border-color-primary: var(--button-background-primary); /* @type color */ /* @desc 主要按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["border-color"] */
    --button-border-color-primary-secondary: var(--button-background-primary); /* @type color */ /* @desc 次要按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["border-color"] */
    --button-border-color: var(--border-color-dark); /* @type color */ /* @desc 按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["border-color"] */
    --button-border-color-danger: var(--button-background-danger); /* @type color */ /* @desc 危险按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["border-color"] */
    --button-border-color-danger-secondary: var(--button-background-danger); /* @type color */ /* @desc 次要危险按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["border-color"] */
    /* 按钮边框颜色-hover */
    --button-border-color-primary-hover: var(--button-background-primary-hover); /* @type color */ /* @desc 主要按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-border-color-primary-secondary-hover: var(--brand-primary-light); /* @type color */ /* @desc 次要按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-border-color-danger-hover: var(--button-background-danger-hover); /* @type color */ /* @desc 危险按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-border-color-danger-secondary-hover: var(--brand-error-light); /* @type color */ /* @desc 次要危险按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 按钮边框颜色-active */
    --button-border-color-primary-active: var(--button-background-primary-active); /* @type color */ /* @desc 主要按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-border-color-primary-secondary-active: var(--brand-primary); /* @type color */ /* @desc 次要按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-border-color-active: var(--brand-primary); /* @type color */ /* @desc 按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-border-color-danger-active: var(--button-background-danger-active); /* @type color */ /* @desc 危险按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-border-color-danger-secondary-active: var(--danger-primary); /* @type color */ /* @desc 次要危险按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 按钮边框颜色-disabled */
    --button-border-color-primary-disabled: var(--button-background-primary-disabled); /* @type color */ /* @desc 主要按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-border-color-primary-secondary-disabled: var(--button-border-color-disabled); /* @type color */ /* @desc 次要按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-border-color-disabled: #e5e5e5; /* @type color */ /* @desc 按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-border-color-danger-disabled: var(--button-background-danger-disabled); /* @type color */ /* @desc 危险按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-border-color-danger-secondary-disabled: var(--button-border-color-disabled); /* @type color */ /* @desc 次要危险按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 文字大小 */
    --button-font-size-mini: var(--font-size-small); /* @desc Mini按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["font-size"] */
    --button-font-size-small: inherit; /* @desc Small按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["font-size"] */
    --button-font-size: inherit; /* @desc 按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["font-size"] */
    --button-font-size-medium: inherit; /* @desc Medium按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["font-size"] */
    --button-font-size-large: var(--font-size-large); /* @desc Large按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["font-size"] */
    --button-font-size-huge: var(--font-size-huge); /* @desc Huge按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["font-size"] */
    /* 文字颜色-默认 */
    --button-color-primary: white; /* @type color */ /* @desc 主要按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["color"] */
    --button-color-primary-secondary: var(--brand-primary); /* @type color */ /* @desc 次要按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["color"] */
    --button-color: var(--font-second-color); /* @type color */ /* @desc 默认按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["color"] */
    --button-color-danger: white; /* @type color */ /* @desc 危险按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["color"] */
    --button-color-danger-secondary: var(--brand-error); /* @type color */ /* @desc 次要危险按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["color"] */
    /* 文字颜色-hover */
    --button-color-primary-hover: var(--button-color-primary); /* @type color */ /* @desc 主要按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-color-primary-secondary-hover: var(--brand-primary-light); /* @type color */ /* @desc 次要按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-color-hover: var(--brand-primary); /* @type color */ /* @desc 默认按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-color-danger-hover: var(--button-color-danger); /* @type color */ /* @desc 危险按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-color-danger-secondary-hover: var(--brand-error-light); /* @type color */ /* @desc 次要危险按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 文字颜色-active */
    --button-color-primary-active: var(--button-color-primary-hover); /* @type color */ /* @desc 主要按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-color-primary-secondary-active: var(--button-color-primary-secondary-hover); /* @type color */ /* @desc 次要按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-color-active: var(--button-color-hover); /* @type color */ /* @desc 默认按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-color-danger-active: var(--button-color-danger-hover); /* @type color */ /* @desc 危险按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-color-danger-secondary-active: var(--button-color-danger-secondary-hover); /* @type color */ /* @desc 次要危险按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    /* 文字颜色-disabled */
    --button-color-primary-disabled: white; /* @type color */ /* @desc 主要按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */
    --button-color-primary-secondary-disabled: var(--button-color-disabled); /* @type color */ /* @desc 次要按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */
    --button-color-disabled: #999; /* @type color */ /* @desc 默认按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */
    --button-color-danger-disabled: white; /* @type color */ /* @desc 危险按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */
    --button-color-danger-secondary-disabled: var(--button-color-disabled); /* @type color */ /* @desc 次要危险按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */
    --button-border-width: var(--border-width-base); /* @desc 按钮边框宽度,如：1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --button-border-radius: var(--border-radius-medium); /* @desc 按钮边框圆角,如：1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */
    --button-box-shadow-focus-color:  var(--brand-primary-opacity-20); /* @type color */ /* @desc 按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["default", null]} */
    --button-box-shadow-focus-primary-color:  var(--brand-primary-opacity-20)  ; /* @type color */ /* @desc 主要按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["primary"]} */
    --button-box-shadow-focus-danger-color:  var(--brand-danger-opacity-20); /* @type color */ /* @desc 危险按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["danger"]} */
    --button-box-shadow-focus: 0 0 0 2px var(--button-box-shadow-focus-color); /* @desc 按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["default", null]} */
    --button-box-shadow-focus-primary: 0 0 0 2px var(--brand-primary-opacity-20); /* @desc 主要按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["primary"]} */
    --button-box-shadow-focus-danger: 0 0 0 2px var(--brand-danger-opacity-20); /* @desc 危险按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["danger"]} */

    --button-box-shadow-focus-primary-secondary: none; /* @hidden */
    --button-box-shadow-focus-danger-secondary: none; /* @hidden */
    --button-font-weight: normal; /* @hidden */
    --button-box-shadow-active-color:  var(--brand-primary-opacity-20); /* @hidden */
    --button-box-shadow-active: 0 0 0 2px var(--brand-primary-opacity-20); /* @hidden */
    --button-box-shadow-active-primary: var(--button-box-shadow-active); /* @hidden */
    --button-box-shadow-active-primary-secondary: var(--button-box-shadow-active-primary); /* @hidden */
    --button-box-shadow-active-danger: 0 0 0 2px var(--brand-danger-opacity-20); /* @hidden */
    --button-box-shadow-active-danger-secondary: var(--button-box-shadow-active-danger); /* @hidden */
    --button-loading-size: 18px; /* @hidden */
    --button-loading-width: 1.5px; /* @hidden */
    --button-height-loading: 18px; /* @hidden */
    --button-loading-animation-duration: 1s; /* @hidden */

    /* @component u-label */
    --label-padding-x: 8px; /* @desc 标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-padding-x-small: 8px; /* @desc 小号标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-padding-x-large: 8px; /* @desc 大号标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-padding-y: 4px; /* @desc 标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-padding-y-small: 3px; /* @desc 小号标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-padding-y-large: 6px; /* @desc 大号标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --label-font-size: 12px; /* @desc 标签的字号大小,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["font-size"] */
    --label-font-size-small: var(--label-font-size); /* @desc 小号标签的字号大小,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["font-size"] */
    --label-font-size-large: var(--label-font-size); /* @desc 大号标签的字号大小,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["font-size"] */
    --label-remove-padding-x: 6px; /* @desc 可删除标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */
    --label-remove-padding-x-small: 6px; /* @desc 可删除小号标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["small"] } */
    --label-remove-padding-x-large: 8px; /* @desc 可删除大号标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["large"] } */
    /* 背景颜色 */
    --label-background: #f5f5f5; /* @type color */ /* @desc 默认标签的背景色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */
    --label-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要标签的背景色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-success: var(--brand-success); /* @type color */ /* @desc 成功标签的背景色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-warning: var(--brand-warning); /* @type color */ /* @desc 警告标签的背景色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-error: var(--brand-error); /* @type color */ /* @desc 错误标签的背景色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */
    /* 背景颜色-hover */
    --label-background-hover: #E5E5E5; /* @type color */ /* @desc 默认标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */
    --label-background-primary-hover: var(--brand-primary-light); /* @type color */ /* @desc 主要标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-success-hover: var(--brand-success-light); /* @type color */ /* @desc 成功标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-warning-hover: var(--brand-warning-light); /* @type color */ /* @desc 警告标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-error-hover: var(--brand-error-light); /* @type color */ /* @desc 错误标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */
    /* 背景颜色-selected */
    --label-background-selected: #7F7F7F; /* @type color */ /* @desc 默认标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */
    --label-background-primary-selected: var(--brand-primary); /* @type color */ /* @desc 主要标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-success-selected: var(--brand-success); /* @type color */ /* @desc 成功标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-warning-selected: var(--brand-warning); /* @type color */ /* @desc 警告标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */
    --label-background-error-selected: var(--brand-error); /* @type color */ /* @desc 错误标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */
    /* 文字颜色 */
    --label-color: var(--font-second-color); /* @type color */ /* @desc 默认标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */
    --label-color-primary: white; /* @type color */ /* @desc 主要标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */
    --label-color-success: white; /* @type color */ /* @desc 成功标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */
    --label-color-warning: white; /* @type color */ /* @desc 警告标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */
    --label-color-error: white; /* @type color */ /* @desc 错误标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */
    /* 文字颜色-hover */
    --label-color-hover: var(--font-second-color); /* @type color */ /* @desc 默认标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */
    --label-color-primary-hover: white; /* @type color */ /* @desc 主要标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */
    --label-color-success-hover: white; /* @type color */ /* @desc 成功标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */
    --label-color-warning-hover: white; /* @type color */ /* @desc 警告标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */
    --label-color-error-hover: white; /* @type color */ /* @desc 错误标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */
    /* 文字颜色-selected */
    --label-color-selected: white; /* @type color */ /* @desc 默认标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */
    --label-color-primary-selected: white; /* @type color */ /* @desc 主要标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */
    --label-color-success-selected: white; /* @type color */ /* @desc 成功标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */
    --label-color-warning-selected: white; /* @type color */ /* @desc 警告标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */
    --label-color-error-selected: white; /* @type color */ /* @desc 错误标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */
    /* line背景颜色 */
    --label-line-background: transparent; /* @type color */ /* @desc 线性标签的背景颜色,如：#223325 */ /* @excludeTags u-label */
    /* line背景颜色-hover */
    --label-line-background-hover: #F5F5F5; /* @type color */ /* @desc 线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-primary-hover: var(--brand-primary-lightest); /* @type color */ /* @desc 主要线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-success-hover: var(--brand-success-lightest); /* @type color */ /* @desc 成功线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-warning-hover: var(--brand-warning-lightest); /* @type color */ /* @desc 警告线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-error-hover: var(--brand-error-lightest); /* @type color */ /* @desc 错误线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    /* line背景颜色-selected */
    --label-line-background-selected: #7F7F7F; /* @type color */ /* @desc 线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-primary-selected: var(--brand-primary); /* @type color */ /* @desc 主要线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-success-selected: var(--brand-success); /* @type color */ /* @desc 成功线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-warning-selected: var(--brand-warning); /* @type color */ /* @desc 警告线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-background-error-selected: var(--brand-error); /* @type color */ /* @desc 错误线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    /* line字体颜色 */
    --label-line-border-color: #e5e5e5; /* @type color */ /* @desc 线性标签的边框颜色,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-primary: var(--brand-primary); /* @type color */ /* @desc 主要线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-success: var(--brand-success); /* @type color */ /* @desc 成功线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-error: var(--brand-error); /* @type color */ /* @desc 错误线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-normal: var(--brand-normal); /* @type color */ /* @desc 普通线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */
    /* line字体颜色-hover */
    --label-line-color-primary-hover: white; /* @type color */ /* @desc 主要线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-success-hover: white; /* @type color */ /* @desc 成功线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-warning-hover: white; /* @type color */ /* @desc 警告线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-error-hover: white; /* @type color */ /* @desc 错误线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */
    /* line字体颜色-selected */
    --label-line-color-selected: white; /* @type color */ /* @desc 线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-primary-selected: white; /* @type color */ /* @desc 主要线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-success-selected: white; /* @type color */ /* @desc 成功线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-warning-selected: white; /* @type color */ /* @desc 警告线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-color-error-selected: white; /* @type color */ /* @desc 错误线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */
    --label-line-height-small: var(--label-line-height); /* @desc 小号标签的行高,如：1px */ /* @excludeTags u-label */

    --label-line-height: 1; /* @hidden */
    --label-font-size-huge: var(--font-size-base); /* @hidden */
    --label-background-normal: var(--brand-normal); /* @hidden */
    --label-color-normal: white; /* @hidden */
    --label-remove-padding-x-huge: 10px; /* @hidden */
    --label-border-radius: 2px; /* @hidden */
    --label-padding-x-huge: 12px; /* @hidden */
    --label-padding-y-huge: 8px; /* @hidden */

    /* @component u-badge */
    --badge-background: var(--brand-error); /* @type color */ /* @desc 徽章背景色,如：#223325 */ /* @depStaticStyles ["background-color"] */
    --badge-color: white; /* @type color */ /* @desc 徽章字体颜色,如：#223325 */ /* @depStaticStyles ["color"] */
    --badge-value-size: 20px; /* @desc 徽章圆点大小（数值模式）,如：1px */ /* @depStaticStyles ["font-size"] */
    --badge-dot-size: 6px; /* @desc 徽章圆点大小（圆点模式）,如：1px */

    --badge-box-shadow: 0 0 0 1px #fff; /* @hidden */

    /* @component u-carousel */
    --carousel-width: 700px; /* @desc 幻灯片图片宽度,如：1px */
    --carousel-height: 420px; /* @desc 幻灯片图片高度,如：1px */
    --carousel-nav-bottom: 12px; /* @desc 幻灯片底部按钮下边距,如：1px */
    --carousel-nav-item-width: 8px; /* @desc 幻灯片底部按钮宽度（未高亮状态）,如：1px */
    --carousel-nav-item-height: 2px; /* @desc 幻灯片底部按钮高度,如：1px */
    --carousel-nav-item-padding: 0; /* @desc 幻灯片底部按钮内边距（高亮状态）,如：1px */
    --carousel-nav-item-background: rgba(255, 255, 255, 0.5); /* @type color */ /* @desc 幻灯片底部按钮背景色（未高亮状态）,如：#223325 */
    --carousel-nav-item-background-hover: white; /* @type color */ /* @desc 幻灯片底部按钮背景色（高亮状态）,如：#223325 */
    --carousel-button-space: 20px; /* @desc 幻灯片左右换页按钮的外边距,如：1px */
    --carousel-button-font-size: 16px; /* @desc 幻灯片左右换页按钮大小,如：1px */
    --carousel-button-color: rgba(255, 255, 255, 0.6); /* @type color */ /* @desc 幻灯片左右换页按钮颜色,如：#223325 */
    --carousel-button-color-hover: white; /* @type color */ /* @desc 幻灯片左右换页按钮颜色（高亮状态）,如：#223325 */
    --carousel-button-transition: all 0.3s; /* @desc 幻灯片左右换页按钮鼠标悬停颜色变化动画快慢参数,如：all 0.2s */
    --carousel-transition-duration: var(--transition-duration-slow); /* @desc 幻灯片切换动画快慢参数,如：0.3s */

    --carousel-button-background: rgba(0, 0, 0, 0.2); /* @hidden */
    --carousel-button-background-hover: rgba(0, 0, 0, 0.2); /* @hidden */

    /* @component u-time-picker */
    --timepicker-input-border-color: var(--input-border-color); /* @type color */ /* @desc 时间选择框输入框边框颜色,如 #223325 */ /* @prefix timepicker-input */
    --timepicker-input-border-width: var(--input-border-width); /* @desc 时间选择框输入框边框宽度,如 1px */ /* @prefix timepicker-input */
    --timepicker-input-color: var(--input-color); /* @type color */ /* @desc 时间选择框输入框字体颜色,如 #223325 */ /* @prefix timepicker-input */
    --timepicker-input-background: var(--input-background); /* @type color */ /* @desc 时间选择框输入框背景颜色,如 #223325 */ /* @prefix timepicker-input */
    --timepicker-input-border-radius: var(--input-border-radius); /* @desc 时间选择框输入框圆角,如 1px */ /* @prefix timepicker-input */
    --timepicker-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 时间选择框输入框背景颜色（禁用状态）,如 #223325 */ /* @prefix timepicker-input */
    --timepicker-input-border-color-error: var(--input-border-color-error); /* @hidden */
    --timepicker-input-border-color-focus: var(--input-border-color-focus); /* @hidden */
    --timepicker-input-box-shadow-focus: var(--input-box-shadow-focus); /* @hidden */
    --timepicker-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 时间选择框输入框提示字体颜色,如 #223325 */ /* @prefix timepicker-input */

    --timepicker-input-width-mini: var(--input-width-mini); /* @desc Mini时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-height-mini: var(-input-height-mini); /* @desc Mini时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-width-small: var(--input-width-small); /* @desc Small时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-padding-x-small: var(--input-padding-x-small); /* @desc Small时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-height-small: var(--input-height-small); /* @desc Small时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-width: var(--input-width); /* @desc 时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-height: var(--input-height); /* @desc 时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-padding-x: var(--input-padding-x); /* @desc 时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-width-medium: var(--input-width-medium); /* @desc Medium时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-height-medium: var(--input-height-medium); /* @desc Medium时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-width-large: var(--input-width-large); /* @desc Large时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-padding-x-large: var(--input-padding-x-large); /* @desc Large时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-height-large: var(--input-height-large); /* @desc Large时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-width-huge: var(--input-width-huge); /* @desc Huge时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */
    --timepicker-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-input-height-huge: var(--input-height-huge); /* @desc Huge时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */
    --timepicker-input-padding-x-full: var(--input-padding-x-full); /* @desc Full时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --timepicker-range-input-width: var(--input-width-medium); /* @desc 时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */

    --timepicker-bacground-selected: var(--brand-primary-light); /* @hidden */
    --timepicker-color-selected: white; /* @hidden */
    --timepicker-panel-background: white; /* @hidden */
    --timepicker-foot-background: white; /* @hidden */
    --timepicker-foot-border-color: var(--border-color-base); /* @hidden */
    --timepicker-item-background-selected: transparent; /* @hidden */
    --timepicker-item-background-hover:#f5f5f5; /* @hidden */
    --timepicker-item-background-disabled: transparent; /* @hidden */
    --timepicker-item-color-disabled: #ccc; /* @hidden */
    --timepicker-item-color-disabled-selected: rgba(255, 255, 255, 0.4); /* @hidden */
    --timepicker-item-color: var(--font-first-color); /* @hidden */
    --timepicker-popper-max-width: 300px; /* @hidden */
    --timepicker-popper-background: white; /* @hidden */
    --timepicker-popper-border-color: var(--border-color-base); /* @hidden */
    --timepicker-popper-border-radius: var(--border-radius-base); /* @hidden */
    --timepicker-input-pre-icon-color: var(--gray-light); /* @hidden */
    --timepicker-input-after-icon-color: var(--gray-light); /* @hidden */
    --timepicker-textbrn-color: #333; /* @hidden */

    /* @component u-avatar @hidden */
    --avatar-size: 44px;
    --avatar-size-mini: 18px;
    --avatar-size-small: 32px;
    --avatar-size-large: 64px;
    --avatar-size-huge: 88px;

    /* @component u-block @hidden */
    --block-background: var(--background-color-base);

    /* @component u-logo @hidden */
    --logo-width: var(--sidebar-width);
    --logo-height: var(--navbar-height);

    /* @component u-list @hidden */
    --list-style: none;
    --list-item-padding: 6px 8px;
    --list-item-border-bottom: 1px solid var(--border-color-base);
    --list-item-background-striped: var(--background-color-lighter);
    --list-item-background-hover: var(--background-color-lighter);


    /* @component u-loading */
    --loading-icon-color: var(--gray-base);
    --loading-text-color: var(--font-second-color);

    /* @component u-desc-list @hidden */
    --desc-list-item-label-padding-right: 20px;
    --desc-list-item-label-padding-right-mini: 10px;
    --desc-list-item-label-padding-right-small: 10px;
    --desc-list-item-label-padding-right-large: 20px;
    --desc-list-item-label-width: 85px;
    --desc-list-item-label-width-mini: 40px;
    --desc-list-item-label-width-small: 60px;
    --desc-list-item-label-width-large: 120px;

    /* @component u-table @hidden */
    --table-view-head-background-light: var(--background-color-default); /* @hidden */
    --table-head-font-weight: bold;
    --table-head-color: var(--gray-dark);
    --table-row-background: var(--background-color-base);
    --table-row-background-hover: var(--background-color-lighter); /* @hidden */
    --table-row-background-primary: rgba(103, 170, 245, 0.2); /* @hidden */
    --table-row-background-error: rgb(255, 138, 122, 0.2); /* @hidden */
    --table-row-background-dark: var(--background-color-dark); /* @hidden */
    --table-row-background-light: var(--background-color-lighter); /* @hidden */
    --table-caption-color: #090e14;
    --table-border-width: 1px;
    --table-hover-border-shadow-display: none;

    /* @component u-form-table @hidden */
    --form-table-head-background: #f7f8fa;
    --form-table-head-color: #666;
    --form-table-head-padding: 0 5px;
    --form-table-remove-button-color: #ff867f;

    /* @component u-article @hidden */
    --article-table-font-size: calc(var(--font-size-base) * (13 / 14));
    --article-h1-font-size: calc(var(--font-size-base) * (24 / 14));
    --article-h2-font-size: calc(var(--font-size-base) * (20 / 14));
    --article-h3-font-size: calc(var(--font-size-base) * (18 / 14));
    --article-h4-font-size: calc(var(--font-size-base) * (16 / 14));
    --article-h5-font-size: calc(var(--font-size-base) * (14 / 14));
    --article-h6-font-size: calc(var(--font-size-base) * (12 / 14));
    --article-h2-color: #999fac;
    --article-h2-border-color: #ebf0f4;

    /* @component u-timeline @hidden */
    --timeline-item-padding-bottom: 20px; /* @desc 底部边距 */
    --timeline-tail-color: var(--border-color-base); /* @type color */ /* @desc 轨道颜色 */
    --timeline-tail-width: 2px; /* @desc 轨道宽度 */
    --timeline-dot-background-color: #fff; /* @type color */ /* @desc dot背景颜色 */

    /* @component u-dropdown */
    --dropdown-color-text: var(--brand-primary); /* @type color */ /* @desc 下拉菜单字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */
    --dropdown-color-text-hover: var(--brand-primary-light); /* @type color */ /* @desc 下拉菜单字体颜色（hover状态）,如 #223325 */
    --dropdown-color-text-active: var(--dropdown-color-text); /* @type color */ /* @desc 下拉菜单字体颜色（激活状态）,如 #223325 */
    --dropdown-color-text-disabled: var(--font-disabled-color); /* @type color */ /* @desc 下拉菜单字体颜色（禁用状态）,如 #223325 */
    --dropdown-popper-width: 100%; /* @desc 下拉弹层宽度,如 1px */
    /*
     * ========================
     *   数据
     * ========================
     */

    /* @component u-table-view */
    --table-view-row-hover-background: #f9f9f9; /* @type color */ /* @group 行 */ /* @prefix table-view-row */ /* @desc 表格行背景色（hover状态）,如 #223325 */ /* @excludeElTags th */
    --table-head-font-weight: normal; /* @group 表头 */ /* @prefix table */ /* @desc 表格表头字体加粗,如 normal */ /* @excludeElTags td,th */ /* @depAttrs {"boldHeader": [false]} */
    --table-view-head-item-size: var(--font-size-base); /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头字体大小,如 1px */ /* @excludeElTags td */
    --table-row-background-striped: var(--background-color-lighter); /* @type color */ /* @group 行 */ /* @prefix table */ /* @desc 表格条纹展示行背景色,如 #223325 */ /* @excludeElTags th */
    --table-view-head-item-color: var(--gray-dark); /* @type color */ /* @group 表头 */  /* @prefix table-view */ /* @desc 表格表头文字颜色,如 #223325 */ /* @excludeElTags td */
    --table-view-border-color: var(--border-color-base); /* @type color */ /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格内容区边框颜色,如 #223325 */ /* @excludeElTags td,th */
    --table-view-td-color: var(--color-base); /* @type color */ /* @group 内容区 */  /* @prefix table-view */ /* @desc 表格内容区文字颜色,如 #223325 */ /* @excludeElTags th */
    --table-view-th-text-align: left; /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头字体对齐方式,如 left */ /* @excludeElTags td */
    --table-view-th-line-height: 20px; /* @group 表头 */  /* @prefix table-view */ /* @desc 表格表头行高,如 1px */ /* @excludeElTags td */
    --table-view-th-padding: 10px 6px 10px 10px; /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头内间距,如 1px */ /* @excludeElTags td */
    --table-view-th-background-color: var(--table-view-head-background); /* @type color */ /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头内背景色,如 #223325 */ /* @excludeElTags td */
    --table-view-td-line-height: 20px; /* @group 内容区 */  /* @prefix table-view */ /* @desc 表格内容区行高,如 1px */ /* @excludeElTags th */
    --table-view-td-padding: 10px 6px 10px 10px; /* @group 内容区 */  /* @prefix table-view */ /* @desc 表格内容区内边距,如 1px */ /* @excludeElTags th */
    --table-view-td-background-color: var(--table-view-background);/* @type color */ /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格列内容区背景色,如 #223325 */ /* @excludeElTags th */
    --table-view-drop-ghost-border-color: var(--brand-primary); /* @type color */ /* @desc 表格拖拽放置示意线颜色,如 #223325 */ /* @excludeElTags td,th */
    --table-view-drop-ghost-mask-background: rgba(77, 136, 255, 0.1); /* @type color */ /* @desc 表格拖拽放置示意框背景颜色,如 #223325 */ /* @excludeElTags td,th */
    --table-view-subrow-background-dragging:  rgba(237, 237, 237, 0.5);/* @type color */ /* @desc 表格被拖拽行子树背景颜色,如 #223325 */ /* @excludeElTags td,th */
    --table-view-row-background-dragging: #e5e5e5;/* @type color */ /* @desc 表格被拖拽行背景颜色,如 #223325 */ /* @excludeElTags td,th */
    --table-view-drag-cursor: move;/* @desc 拖拽鼠标样式 */ /* @excludeElTags td,th */
    --table-view-drag-cursor-disabled: not-allowed; /* @desc 拖拽鼠标样式（禁用状态） */ /* @excludeElTags td,th */
    --table-view-drag-color-disabled: #ccc; /* @desc 拖拽图标颜色（禁用状态） */ /* @excludeElTags td,th */

    --table-view-head-background: #f7f8fa; /* @hidden */
    --table-view-head-title-sortable-hover: #eef2f8; /* @hidden */
    --table-view-sort-color-hover: #aaa; /* @hidden */
    --table-view-table-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */
    --table-view-table-right-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */
    --table-view-table-top-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */
    --table-view-filter-color-hover: #aaa; /* @hidden */
    --table-view-filter-color-active: var(--brand-primary); /* @hidden */
    --table-view-filter-item-hover: var(--table-view-row-hover-background); /* @hidden */
    --table-view-filter-item-focus: var(--background-color-light); /* @hidden */
    --table-view-filter-item-background-selected: var(--brand-primary); /* @hidden */
    --table-view-filter-item-checkbox-background-selected: white; /* @hidden */
    --table-view-filter-item-checkbox-color-selected: var(--table-view-filter-item-background-selected); /* @hidden */
    --table-view-filter-item-color-disabled: #ccc; /* @hidden */
    --table-view-filter-background: white; /* @hidden */
    --table-view-filter-max-height: 180px; /* @hidden */
    --table-view-filter-line-height: 1.6; /* @hidden */
    --table-view-filter-border-color: var(--border-color-base); /* @hidden */
    --table-view-title-space: 10px; /* @hidden */
    --table-view-background: var(--background-color-default); /* @hidden */
    --table-view-table-background: white; /* @hidden */
    --table-view-th-background-image: none; /* @hidden */
    --table-view-td-background-image: none; /* @hidden */
    --table-view-sort-color: #ccc; /* @hidden */
    --table-view-sort-color-active: var(--brand-primary); /* @hidden */
    --table-view-sort-size: 1em; /* @hidden */
    --table-view-row-selected-background: #f5f5f5; /* @hidden */
    --table-view-pagination-space: var(--space-base); /* @hidden */
    --table-view-tree-expander-loading-size: 10px; /* @hidden */
    --table-view-tree-expander-loading-border-width: 1px; /* @hidden */
    --table-view-tree-expander-margin: 6px; /* @hidden */
    --table-view-expand-td-background: #F7F8FA; /* @hidden */
    --table-view-editable-td-min-height: 34px; /* @hidden */
    --table-view-overflow-x: auto; /* @hidden */
    --table-view-drop-ghost-disabled-border-color: var(--brand-error);/* @hidden */

    /* @component u-table-view-expander */
    --table-view-expander-size: 16px; /* @hidden */
    --table-view-expander-background: #f5f5f5; /* @hidden */
    --table-view-expander-border-color: var(--table-view-expander-background); /* @hidden */
    --table-view-expander-border-radius: 4px; /* @hidden */
    --table-view-expander-background-hover: #e5e5e5; /* @hidden */
    --table-view-expander-border-color-hover: var(--table-view-expander-background-hover); /* @hidden */
    --table-view-expander-color: #999; /* @hidden */
    --table-view-expander-color-hover: #333; /* @hidden */
    --table-view-expander-color-disabled: #ccc; /* @hidden */
    --table-view-expander-border-color-disabled: #e5e5e5; /* @hidden */
    --table-view-expander-background-disabled: #f5f5f5; /* @hidden */


    /* @component u-list-view @hidden */
    --list-view-width: var(--width-medium);
    --list-view-width-large: var(--width-large);
    --list-view-width-huge: var(--width-huge);
    --list-view-height: calc(30px * 10 + var(--border-width-base) * 2);
    --list-view-height-large: calc(30px * 18 + var(--border-width-base) * 2);
    --list-view-height-huge: 80vh;
    --list-view-head-background: var(--background-color-disabled-light);
    --list-view-body-background: var(--background-color-default);
    --list-view-body-background-disabled: var(--background-color-default);
    --list-view-foot-background: var(--background-color-default);
    --list-view-border-color: var(--border-color-base);
    --list-view-border-color-focus: var(--border-color-base);
    --list-view-border-color-disabled: var(--brand-disabled);
    --list-view-status-color: var(--color-light);
    --list-view-head-padding: 8px 12px;
    --list-view-foot-padding: 8px 8px;
    --list-view-item-padding: 5px 12px;
    --list-view-item-background-hover: #ededed;
    --list-view-item-background-hover-inverse: var(--background-color-lighter-inverse);
    --list-view-item-background-readonly-initial: none;
    --list-view-item-background-focused: var(--background-color-hover);
    --list-view-item-background-focused-inverse: var(--background-color-lighter-inverse);
    --list-view-item-background-selected: var(--brand-primary-light);
    --list-view-item-background-selected-inverse: var(--brand-primary-light);
    --list-view-item-color-selected: white;
    --list-view-item-color-selected-inverse: white;
    --list-view-item-color-disabled: var(--brand-disabled-dark);
    --list-view-item-color-disabled-inverse: var(--brand-disabled-dark-inverse);
    --list-view-item-background-disabled: none;
    --list-view-item-background-disabled-inverse: none;
    --list-view-item-background-selected-disabled: var(--brand-disabled-light);
    --list-view-item-background-selected-disabled-inverse: var(--brand-disabled-light-inverse);
    --list-view-divider-margin: 9px 0;
    --list-view-divider-background: var(--border-color-base);
    --list-view-group-head-padding: 2px 4px;
    --list-view-group-head-background: #ebedf5;
    --list-view-group-expander-size: 26px;
    --list-view-filter-margin: 12px;

    /* @component u-grid-view @hidden */
    --grid-view-item-space: var(--space-base);
    --grid-view-foot-padding: calc(var(--grid-view-item-space) / 2) 0;
    --grid-view-border-radius: var(--border-radius-base);

    /* @component u-tree-view-new */
    --tree-view-background: white; /* @type color */ /* @desc 树形列表节点的背景色,如 #223325 */ /* @prefix tree-view */ /* @depStaticStyles ["background-color"] */
    --tree-view-node-background-dragging: #e5e5e5; /* @type color */ /* @desc 树形列表可拖拽节点的背景色,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-color-dragging: #999; /* @type color */ /* @desc 树形列表可拖拽节点的字体颜色,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-subnode-background-selected: rgba(237, 243, 255, 1); /* @type color */ /* @desc 树形列表子节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-subnode */
    --tree-view-subnode-background-dragging:  rgba(237, 237, 237, 0.5);  /* @type color */ /* @desc 树形列表可拖拽子节点的背景色,如 #223325 */ /* @prefix tree-view-subnode */
    --tree-view-subnode-color-dragging: #999; /* @type color */ /* @desc 树形列表可拖拽子节点的字体颜色,如 #223325 */ /* @prefix tree-view-subnode */
    --tree-view-subnode-background-selected-hover:  #DBE7FF; /* @desc 树形列表子节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-subnode */
    --tree-view-node-expander-color-dragging: #aaa; /* @type color */ /* @desc 树形列表可拖拽节点的前缀箭头颜色,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-margin-left: 30px; /* @desc 树形列表节点的左侧缩进距离,如 1px */ /* @prefix tree-view-node */ /* @hidden */
    --tree-view-node-expander-size: 30px; /* @desc 树形列表节点的展开箭头的容器大小,如 1px */ /* @prefix tree-view-node */
    --tree-view-node-text-padding: 4px 0; /* @desc 树形列表节点的文本内边距,如 1px */ /* @prefix tree-view-node */
    --tree-view-node-background-active: var(--background-color-base); /* @type color */ /* @desc 树形列表节点的背景色（hover状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-background-selected: var(--brand-primary-light); /* @type color */ /* @desc 树形列表节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-color-selected: white; /* @type color */ /* @desc 树形列表节点的文本颜色（选中状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-expander-color-selected: white; /* @type color */ /* @desc 树形列表节点的展开箭头颜色（选中状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-background-selected-disabled: var(--brand-disabled-light); /* @type color */ /* @desc 树形列表节点的背景色（选中且禁用）,如 #223325 */ /* @prefix tree-view-node */

    --tree-view-node-text-padding–mini: 4px 0;  /* @hidden */
    --tree-view-node-expander-size-mini: 26px; /* @hidden */
    --tree-view-node-background-active-inverse: var(--background-color-base-inverse); /* @hidden */
    --tree-view-node-background-selected-inverse: var(--brand-primary-light); /* @hidden */
    --tree-view-node-background-border-radius: none; /* @hidden */
    --tree-view-node-color-selected-inverse: white; /* @hidden */
    --tree-view-node-color-disabled: var(--brand-disabled); /* @type color */ /* @desc 树形列表节点字体颜色（禁用状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-color-disabled-inverse: var(--brand-disabled); /* @hidden */
    --tree-view-node-expander-color: #999; /* @hidden */
    --tree-view-node-expander-color-hover: #333; /* @hidden */
    --tree-view-node-expander-color-disabled: #ccc; /* @hidden */
    --tree-view-node-expander-color-selected-inverse:white; /* @hidden */
    --tree-view-node-expander-font-size: 14px; /* @hidden */
    --tree-view-node-background-readonly-initial: none; /* @hidden */
    --tree-view-node-background-disabled: none; /* @type color */ /* @desc 树形列表节点背景色（禁用状态）,如 #223325 */ /* @prefix tree-view-node */
    --tree-view-node-background-disabled-inverse: none; /* @hidden */
    --tree-view-node-background-selected-disabled-inverse: var(--brand-disabled-light-inverse); /* @hidden */
    --table-view-tree-expander-size: 16px;

    /* @component u-transfer */
    --transfer-height: var(--list-view-height); /* @desc 穿梭框高度,如 1px */
    --transfer-height-large: var(--list-view-height-large); /* @hidden */
    --transfer-height-huge: var(--list-view-height-huge); /* @hidden */
    --transfer-width: var(--width-medium); /* @desc 穿梭框宽度,如 1px */
    --transfer-width-large: var(--width-large); /* @hidden */
    --transfer-width-huge: var(--width-huge); /* @hidden */
    --transfer-button-space: 8px; /* @desc 穿梭框按钮之间的间隔,如 1px */

    /**
     * ========================
     *   表单
     * ========================
     */

    /* @component u-form */
    --form-item-label-color: var(--font-second-color); /* @type color */ /* @group label */ /* @prefix form-item */ /* @desc 表单项 label字体颜色,如 #223325 */
    --form-item-label-padding-right: 20px; /* @group label */ /* @prefix form-item */ /* @desc 表单项 label文本右边距,如 1px */
    --form-item-label-width: 76px; /* @group label */ /* @prefix form-item */ /* @desc 表单项 label宽度,如 1px */

    --form-group-head-padding: 6px 20px; /* @hidden */
    --form-group-head-padding-small: 5px 20px; /* @hidden */
    --form-group-head-line-height: 30px; /* @hidden */
    --form-group-head-line-height-small: 24px; /* @hidden */
    --form-group-head-background: var(--background-color-light); /* @hidden */
    --form-group-head-color: var(--color-base); /* @hidden */
    --form-group-head-border-color: var(--border-color-base); /* @hidden */
    --form-group-head-border-width: 1px; /* @hidden */
    --form-group-body-padding-y: var(--space-base); /* @hidden */
    --form-group-body-padding-y-small: var(--space-small); /* @hidden */
    --form-group-space: var(--space-base); /* @hidden */
    --form-group-space-small: var(--space-small); /* @hidden */
    --form-item-label-padding-right-mini: 10px; /* @hidden */
    --form-item-label-padding-right-small: 10px; /* @hidden */
    --form-item-label-padding-right-large: 20px; /* @hidden */
    --form-item-label-width-mini: 50px; /* @hidden */
    --form-item-label-width-small: 80px; /* @hidden */
    --form-item-label-width-large: 160px; /* @hidden */
    --form-item-margin-bottom: 20px; /* @hidden */
    --form-item-margin-bottom-large: var(--space-large); /* @hidden */
    --form-item-margin-bottom-small: var(--space-small); /* @hidden */
    --form-item-margin-bottom-none: 0; /* @hidden */
    --form-item-label-align-items: center; /* @hidden */
    --form-item-label-justify-content: flex-end; /* @hidden */
    --form-required-color: var(--brand-error); /* @hidden */
    --form-required-right: 8px; /* @hidden */
    --form-required-right-mini: 2px; /* @hidden */
    --form-required-right-small: 4px; /* @hidden */
    --form-required-right-large: 12px; /* @hidden */
    --form-required-top: 7px; /* @hidden */
    --form-item-text-color: var(--color-light); /* @hidden */

    /* @component u-field @hidden */
    --field-background: white;
    --field-color: var(--color-light);
    --field-color-selected: var(--brand-primary);
    --field-color-disabled: #bbb;
    --field-border-color: #cbd5dd;

    /* @component u-validator @hidden */
    --validator-message-margin-left: 10px;
    --validator-message-margin-left-bottom: 0;
    --validator-message-margin-top-bottom: 2px;
    --validator-message-margin-top: 4px;
    --validator-message-padding: 6px 17px 6px 40px;;
    --validator-message-min-width: auto;
    --validator-message-background: var(--background-color-base);
    --validator-message-background-error: var(--brand-error-light);
    --validator-message-color-error: white;
    --validator-message-line-height: 26px;
    --validator-message-z-index: 1;
    --validator-message-border-radius: 4px;
    --validator-message-box-shadow: none;
    --validator-message-white-space: nowrap;
    --validator-message-popper-margin-top: 13px;

    /* @component u-input */
    --input-border-color: var(--border-color-base); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色,如 #223325 */ /* @depStaticStyles ["border-color"] */
    --input-border-color-hover: var(--brand-primary); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（hover状态）,如 #223325 */
    --input-border-color-focus: var(--brand-primary); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（选中状态）,如 #223325 */
    --input-border-color-disabled: var(--input-border-color); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（禁用状态）,如 #223325 */
    --input-border-width: var(--border-width-base); /* @group 边框宽度 */ /* @desc 输入框边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --input-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @desc 输入框圆角,如 1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */
    --input-border-color-error: var(--brand-error); /* @hidden */
    --input-box-shadow-focus-color: var(--brand-primary-opacity-20); /* @type color */ /* @group 边框阴影 */ /* @desc 输入框边框阴影颜色（选中状态）,如 #223325 */
    --input-box-shadow-focus: 0 0 0 2px var(--input-box-shadow-focus-color); /* @group 边框宽度 */ /* @desc 输入框边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2) */
    --input-placeholder-color: var(--color-lighter); /* @type color */ /* @group 占位符文本 */ /* @desc 输入框占位符文本颜色,如 #223325 */
    --input-width-mini: var(--width-mini); /* @group 宽度 */ /* @desc Mini输入框宽度,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["width"] */
    --input-width-small: var(--width-small); /* @group 宽度 */ /* @desc Small输入框宽度,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["width"] */
    --input-width: var(--width-base); /* @group 宽度 */ /* @desc 输入框宽度,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["width"] */
    --input-width-medium: var(--width-medium); /* @group 宽度 */ /* @desc Medium输入框宽度,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["width"] */
    --input-width-large: var(--width-large); /* @group 宽度 */ /* @desc Large输入框宽度,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["width"] */
    --input-width-huge: var(--width-huge); /* @group 宽度 */ /* @desc Huge输入框宽度,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["width"] */
    --input-height-mini: var(--height-mini); /* @group 高度 */ /* @desc Mini输入框高度,如 1px */ /* @depAttrs {"height": ["mini"]} */ /* @depStaticStyles ["height"] */
    --input-height-small: var(--height-small); /* @group 高度 */ /* @desc Small输入框高度,如 1px */ /* @depAttrs {"height": ["small"]} */ /* @depStaticStyles ["height"] */
    --input-height: var(--height-base); /* @group 高度 */ /* @desc 输入框高度,如 1px */ /* @depAttrs {"height": ["normal", null]} */ /* @depStaticStyles ["height"] */
    --input-height-medium: var(--height-medium); /* @group 高度 */ /* @desc Medium输入框高度,如 1px */ /* @depAttrs {"height": ["medium"]} */ /* @depStaticStyles ["height"] */
    --input-height-large: var(--height-large); /* @group 高度 */ /* @desc Large输入框高度,如 1px */ /* @depAttrs {"height": ["large"]} */ /* @depStaticStyles ["height"] */
    --input-height-huge: var(--height-huge); /* @group 高度 */ /* @desc Huge输入框高度,如 1px */ /* @depAttrs {"height": ["huge"]} */ /* @depStaticStyles ["height"] */
    --input-padding-x-mini: 6px; /* @group 内边距 */ /* @desc Mini输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x-small: 8px; /* @group 内边距 */ /* @desc Small输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x: 10px; /* @group 内边距 */ /* @desc 输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x-medium: 10px; /* @group 内边距 */ /* @desc Medium输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x-large: 10px; /* @group 内边距 */ /* @desc Large输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x-huge: 10px; /* @group 内边距 */ /* @desc Huge输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-padding-x-full: 10px; /* @group 内边距 */ /* @desc Full输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["full"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --input-prefix-padding-left: 36px; /* @group 前缀/后缀 */ /* @desc 输入框前缀左边距,如 1px */
    --input-prefix-placeholder-left: 27px; /* @group 前缀/后缀 *//* @desc 输入框前缀提示信息左边距,如 1px */
    --input-suffix-padding-right: 30px; /* @group 前缀/后缀 *//* @desc 输入框后缀右边距,如 1px */
    --input-background: var(--background-color-default);  /* @type color */ /* @group 背景色 */ /* @desc 输入框背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */
    --input-background-disabled: var(--background-color-disabled-light); /* @type color */ /* @group 背景色 */ /* @desc 禁用输入框背景色,如 #223325 */
    --input-color: var(--color-base); /* @type color */ /* @group 文字颜色 */ /* @desc 输入框文字颜色,如 #223325 */ /* @depStaticStyles ["color"] */
    --input-color-disabled: var(--color-light); /* @type color */ /* @group 文字颜色 */ /* @desc 禁用输入框文字颜色,如 #223325 */
    --input-icon-color: var(--color-lighter); /* @hidden */
    --input-icon-color-hover: var(--font-third-color); /* @hidden */
    --input-icon-color-disabled: var(--color-lighter); /* @hidden */

    /* @component u-textarea */
    --textarea-width: var(--width-base); /* @group 宽度 */ /* @desc 文本框宽度, 如 1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["width"] */
    --textarea-width-medium: var(--width-medium); /* @group 宽度 */ /* @desc Medium文本框宽度, 如 1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["width"] */
    --textarea-width-large: var(--width-large); /* @group 宽度 */ /* @desc Large文本框宽度, 如 1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["width"] */
    --textarea-width-huge: var(--width-huge); /* @group 宽度 */ /* @desc Huge文本框宽度, 如 1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["width"] */
    --textarea-min-width: var(--width-base); /* @group 宽度 */ /* @desc 文本框最小宽度, 如 1px */ /* @depStaticStyles ["width"] */
    --textarea-height: 100px; /* @group 高度 */ /* @desc 文本框高度, 如 1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["height"] */
    --textarea-height-medium: 120px; /* @group 高度 */ /* @desc Medium文本框高度, 如 1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["height"] */
    --textarea-height-large: 120px; /* @group 高度 */ /* @desc Large文本框高度, 如 1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["height"] */
    --textarea-height-huge: 200px; /* @group 高度 */ /* @desc Huge文本框高度, 如 1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["height"] */
    --textarea-min-height: var(--height-base); /* @group 高度 */ /* @desc 文本框最小高度, 如 1px */
    --textarea-padding: 5px 10px; /* @group 内边距 */ /* @desc 文本框内边距, 如 1px */ /* @depStaticStyles ["padding-top", "padding-right", "padding-bottom", "padding-left"] */
    --textarea-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @desc 文本框圆角, 如 1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */
    --textarea-border-color: var(--border-color-base); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色, 如 #223325 */ /* @depStaticStyles ["border-color"] */
    --textarea-border-color-focus: var(--input-border-color-focus); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色（选中状态）, 如 #223325 */
    --textarea-border-color-disabled: var(--textarea-border-color); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色（禁用状态）, 如 #223325 */
    --textarea-background: var(--background-color-disabled-light); /* @type color */ /* @group 背景颜色 */ /* @desc 文本框背景颜色, 如 #223325 */ /* @depStaticStyles ["background-color"] */
    --textarea-background-disabled: var(--input-background-disabled); /* @type color */ /* @group 背景颜色 */ /* @desc 文本框背景颜色（禁用状态）, 如 #223325 */
    --textarea-color: var(--color-base); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框内容区文字颜色, 如 #223325 */ /* @depStaticStyles ["color"] */
    --textarea-color-disabled: var(--input-color-disabled); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框内容区文字颜色（禁用状态）, 如 #223325 */
    --textarea-placeholder-color: var(--color-lighter); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框提示内容文字颜色, 如 #223325 */
    --textarea-box-shadow-focus-color: var(--brand-primary-opacity-20); /* @type color */ /* @group 边框阴影 */ /* @desc 选中状态文本框边框阴影色,如 rgba(0, 0, 0, 0.2); */
    --textarea-box-shadow-focus:  0 0 0 2px var(--textarea-box-shadow-focus-color); /* @group 边框阴影 */ /* @desc 选中状态文本框边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    --textarea-border-color-error: var(--brand-error); /* @hidden */

    /* @component u-number-input */
    --number-input-background: var(--input-background); /* @type color */ /* @desc 输入框背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */
    --number-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 禁用状态输入框背景色,如 #223325 */
    --number-input-color: var(--input-color); /* @type color */ /* @desc 输入框字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */
    --number-input-color-disabled: #999999; /* @type color */ /* @desc 禁用输入框字体颜色,如 #223325 */
    --number-input-button-background: none; /* @type color */ /* @desc 输入框上下按钮背景色,如 #223325 */ /* @depAttrs { "button-display": [null] } */
    --number-input-button-both-ends-background:#F7F8FA; /* @type color */ /* @desc 输入框左右按钮背景色,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */
    --number-input-button-background-hover: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（hover状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */
    --number-input-button-both-ends-background-hover: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（hover状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */
    --number-input-button-background-active: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（激活状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */
    --number-input-button-both-ends-background-active: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（激活状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */
    --number-input-button-background-focus: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（选中状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */
    --number-input-button-both-ends-background-focus: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（选中状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */
    --number-input-button-background-disabled: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（禁用状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */
    --number-input-button-both-ends-background-disabled: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（禁用状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */
    --number-input-border-color: var(--input-border-color); /* @type color */ /* @desc 输入框边框背景色,如 #223325 */ /* @depStaticStyles ["border-color"] */
    --number-input-border-color-hover: var(--input-border-color-hover); /* @type color */ /* @desc 输入框边框背景色（hover状态）,如 #223325 */
    --number-input-border-color-focus: var(--input-border-color-focus); /* @type color */ /* @desc 输入框边框背景色（选中状态）,如 #223325 */
    --number-input-border-color-disabled: var(--input-border-color-disabled); /* @type color */ /* @desc 输入框边框背景色（禁用状态）,如 #223325 */
    --number-input-button-color: #989898; /* @type color */ /* @desc 输入框按钮字体色,如 #223325 */
    --number-input-button-color-hover: var(--brand-primary); /* @type color */ /* @desc 输入框按钮字体色（hover状态）,如 #223325 */
    --number-input-button-color-disabled: #CCCCCC; /* @type color */ /* @desc 输入框按钮字体色（禁用状态）,如 #223325 */
    --number-input-height: var(--input-height); /* @desc 输入框按钮高度,如 1px */ /* @depStaticStyles ["height"] */
    --number-input-border-width: var(--input-border-width); /* @desc 输入框边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --number-input-box-shadow-focus-color: var(--input-box-shadow-focus-color); /* @type color */ /* @desc 输入框边框阴影色,如 #223325 */
    --number-input-box-shadow-focus: 0 0 0 2px var(--number-input-box-shadow-focus-color); /* @desc 输入框边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    --number-input-button-padding: 0 4px; /* @desc 输入框按钮边距,如 1px 1px */
    --number-input-button-outline: var(--focus-outline); /* @desc 输入框轮廓,如 1px ridge rgba(0, 0, 0, 0.2); */

    --number-input-button-height: calc(var(--number-input-height) / 2); /* @hidden */
    --number-input-both-ends-button-width: 32px; /* @hidden */
    --number-input-both-ends-button-height: calc(var(--number-input-height) - 2 * var(--number-input-border-width)); /* @hidden */
    --number-input-button-both-ends-outline: var(--number-input-button-outline); /* @hidden */
    --number-input-button-border-radius: var(--input-border-radius); /* @hidden */
    --number-input-width: var(--width-base); /* @hidden */
    --number-input-border-radius: var(--input-border-radius); /* @hidden */
    --number-input-prefix-padding: 24px; /* @desc 输入框前缀的边距 */
    --number-input-suffix-padding: 24px; /* @desc 输入框后缀的边距 */

    /* @component u-radios */
    --radio-space-x: 32px; /* @group 间距 */ /* @prefix radio */ /* @desc 单选项之间的间距,如 1px */ /* @excludeTags u-radio */
    --radio-size: 16px; /* @group 大小 */ /* @prefix radio */ /* @desc 单选项按钮大小,如 1px */
    --radio-background: var(--background-color-default); /* @type color */ /* @group 背景色 */ /* @prefix radio */ /* @desc 单选项按钮背景色,如 #223325 */
    --radio-box-shadow-focus: var(--box-shadow-form-item-base); /* @group 边框阴影 */ /* @prefix radio */ /* @desc 单选项边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */

    --radio-inner-space-x: 8px; /* @hidden */
    --radio-solid-circle-size: 8px; /* @hidden */
    --radio-solid-circle-background: var(--brand-primary); /* @hidden */
    --radio-solid-circle-background-disabled: #ccc; /* @hidden */
    --radio-circle-background-disabled: var(--background-color-disabled); /* @hidden */
    --radio-border-color: var(--border-color-base); /* @hidden */
    --radio-border-color-hover: var(--brand-primary); /* @hidden */
    --radio-border-color-disabled: var(--border-color-base); /* @hidden */
    --radio-border-color-focus: var(--brand-primary); /* @hidden */
    --radio-color-disabled: var(--gray-dark); /* @hidden */
    --radio-box-shadow-focus-disabled: none; /* @hidden */
    --radio-cursor-readonly: default; /* @hidden */
    --radio-box-shadow-active: var(--button-box-shadow-active); /* @hidden */
    --radio-box-shadow-active-disabled: none; /* @hidden */

    /* @component u-switch */
    --switch-width: 40px; /* @desc 开关宽度,如 1px */ /* @depStaticStyles ["width"] */
    --switch-height: 20px; /* @desc 开关高度,如 1px */ /* @depStaticStyles ["height"] */
    --switch-button-space: 2px; /* @desc 开关按钮内边距,如 1px */
    --switch-button-size: 16px; /* @desc 开关按钮大小,如 1px */
    --switch-button-background: white; /* @type color */ /* @desc 开关按钮背景色,如 #223325 */
    --switch-button-radius: 100px; /* @desc 开关按钮圆角,如 1px */
    --switch-background: #ccc; /* @type color */ /* @desc 开关背景色（关状态）,如 #223325 */
    --switch-background-checked: var(--brand-primary); /* @type color */ /* @desc 开关背景色（开状态）,如 #223325 */
    --switch-background-disabled: #e5e5e5; /* @type color */ /* @desc 开关背景色（禁用状态）,如 #223325 */
    --switch-color: white; /* @type color */ /* @desc 开关按钮文字颜色,如 #223325 */
    --switch-text-margin: 0 5px; /* @desc 开关按钮文字外边距,如 1px */
    --switch-transition: background-color var(--transition-duration-base); /* @desc 开关背景色渐变动画快慢参数,如 background-color 0.2s */
    --switch-button-transition: all var(--transition-duration-base); /* @desc 开关按钮移动动画快慢参数,如 all 2s */

    --switch-width-small: 40px; /* @hidden */
    --switch-width-wide: 54px; /* @hidden */
    --switch-height-small: 18px; /* @hidden */
    --switch-button-size-small: 14px; /* @hidden */
    --switch-button-background-checked: white; /* @hidden */
    --switch-background-disabled-checked: #ADCBFF; /* @hidden */
    --switch-font-size: 12px; /* @hidden */

    /* @component u-checkbox */
    --checkbox-space-x: 80px; /* @group 间距 */ /* @prefix checkbox */ /* @desc 多选项之间的间距,如 1px */ /* @excludeTags u-checkbox */
    --checkbox-size: 16px; /* @group 大小 */ /* @prefix checkbox */ /* @desc 多选项按钮的大小,如 1px */
    --checkbox-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @prefix checkbox */ /* @desc 多选项按钮圆角,如 1px */
    --checkbox-background: var(--brand-primary); /* @type color */ /* @group 背景色 */ /* @prefix checkbox */ /* @desc 多选项按钮的背景色,如 #223325 */
    --checkbox-color: var(--background-color-default); /* @type color */ /* @group 内容颜色 */ /* @prefix checkbox */ /* @desc 多选项按钮的内容颜色,如 #223325 */
    --checkbox-box-shadow-focus: var(--box-shadow-form-item-base); /* @group 阴影效果 */ /* @prefix checkbox */ /* @desc 多选项按钮的阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */

    --checkbox-border-color: var(--border-color-base); /* @hidden */
    --checkbox-border-color-disabled: var(--border-color-base); /* @hidden */
    --checkbox-border-color-focus: var(--brand-primary); /* @hidden */
    --checkbox-border-color-hover: var(--brand-primary); /* @hidden */
    --checkbox-background-default: var(--background-color-default); /* @hidden */
    --checkbox-background-disabled: var(--background-color-disabled); /* @hidden */
    --checkbox-color-disabled: #ccc; /* @hidden */
    --checkbox-font-color-disabled: #999; /* @hidden */
    --checkbox-font-color: #333; /* @hidden */
    --checkbox-box-shadow-active: var(--button-box-shadow-active); /* @hidden */
    --checkbox-icon: '\e649'; /* @hidden */
    --checkbox-icon-size: var(--font-size-small); /* @hidden */
    --checkbox-icon-left: 0; /* @hidden */
    --checkbox-icon-top: 0; /* @hidden */
    --checkbox-inner-space-x: 5px; /* @hidden */

    /* @component u-select */
    --select-popper-item-background: inherit; /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色,如 #223325 */
    --select-popper-item-background-hover: var(--list-view-item-background-hover); /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色（hover状态）,如 #223325 */
    --select-popper-item-background-selected: var(--list-view-item-background-selected); /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色（禁用状态）,如 #223325 */
    /* normal */
    --select-popper-item-color: inherit; /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色,如 #223325 */
    /* hover */
    --select-popper-item-color-hover: inherit; /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色（hover状态）,如 #223325 */
    /* selected */
    --select-popper-item-color-selected: var(--list-view-item-color-selected); /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色（选中状态）,如 #223325 */
    --select-width: var(--width-base); /* @group 宽度 */ /* @desc 选择框的宽度,如 1px */ /* @depStaticStyles ["width"] */
    --select-height: var(--height-base); /* @group 高度 */ /* @desc 选择框的高度,如 1px */ /* @depStaticStyles ["height"] */
    --select-padding-x: 10px;  /* @group 水平方向内边距 */ /* @desc 选择框水平方向内边距,如 1px */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --select-background: var(--background-color-default); /* @type color */ /* @group 背景色 */ /* @desc 选择框的背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */
    --select-border-width: var(--border-width-base);  /* @group 边框 */ /* @desc 选择框的边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --select-border-color: var(--border-color-base); /* @type color */ /* @group 边框 */ /* @desc 选择框的边框颜色,如 #223325 */ /* @depStaticStyles ["border-color"] */
    --select-color: var(--color-base); /* @type color */ /* @group 字体 */ /* @desc 选择框的字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */
    --select-popper-max-height: 194px; /* @group 弹出层 */ /* @desc 选择框的弹出层最大高度,如 1px */
    --select-popper-box-shadow: var(--box-shadow-base); /* @group 弹出层 */ /* @desc 选择框的弹出层阴影效果,如 1px */
    --select-placeholder-color: var(--color-lighter); /* @type color */ /* @group 占位符 */ /* @desc 选择框的占位符文字颜色,如 #223325 */
    --select-arrow-color: var(--color-light); /* @type color */ /* @group 下拉箭头 */ /* @desc  选择框的下拉箭头颜色,如 #223325 */
    --select-arrow-size: 18px; /* @group 下拉箭头 */ /* @desc  选择框的下拉箭头大小,如 1px */
    --select-arrow-right-ratio: 0.6; /* @group 下拉箭头 */ /* @desc 选择框的下拉箭头右边距计算倍数,如 1px */
    --select-popper-background: var(--background-color-default); /* @type color */ /* @group 弹出层 */ /* @desc 选择框的弹出层背景色,如 #223325 */
    --select-popper-border-color: var(--border-color-base); /* @type color */ /* @group 弹出层 */ /* @desc 选择框的弹出层边框颜色,如 #223325 */
    --select-popper-border-color-inverse: var(--border-color-base-inverse); /* @type color */ /* @group 弹出层 */ /* @desc Inverse选择框的弹出层边框颜色,如 #223325 */
    --select-status-color: var(--color-light); /* @type color */ /* @group 状态颜色 */ /* @desc 选择框状态颜色,如 #223325 */
    --select-box-shadow-focus: 0 0 0 2px var(--brand-primary-opacity-20); /* @group 弹出层 */ /* @desc 选择框的弹出层边框阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    /* readonly */
    --select-popper-item-color-readonly: inherit; /* @type color */ /* @group 只读状态 */ /* @desc 选择框下拉项的字体颜色（只读状态下）,如 #223325 */
    --select-popper-item-background-readonly: var(--list-view-item-background-readonly-initial); /* @type color */ /* @group 只读状态 */ /* @desc 选择框下拉项的背景颜色（只读状态下）,如 #223325 */
    /* focused */
    /* selected disabled */
    --select-popper-item-color-selected-disabled: inherit; /* @type color */ /* @group 禁用状态 */ /* @desc 选择框下拉项的字体颜色（禁用状态下）,如 #223325 */
    --select-popper-item-background-selected-disabled: var(--list-view-item-background-selected-disabled); /* @type color */ /* @group 禁用状态 */ /* @desc 选择框下拉项的背景颜色（禁用状态下）,如 #223325 */
    --select-popper-item-color-duplicated: inherit; /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的字体颜色（多选状态下）,如 #223325 */
    --select-popper-item-background-duplicated: none; /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的背景颜色（多选状态下）,如 #223325 */
    --select-popper-item-color-duplicated-hover: var(--select-popper-item-color-hover); /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的字体颜色（多选hover状态下）,如 #223325 */
    --select-popper-item-background-duplicated-hover: var(--select-popper-item-background-hover); /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的背景颜色（多选hover状态下）,如 #223325 */

    --select-popper-item-background-focused: var(--select-popper-item-background-hover); /* @hidden */
    --select-popper-item-color-focused: var(--select-popper-item-color-hover); /* @hidden */
    --select-popper-item-description-color: var(--gray-dark); /* @hidden */
    --select-popper-item-description-font-size: 12px; /* @hidden */
    --select-popper-item-description-line-height: 18px; /* @hidden */
    --select-popper-item-description-selected-color: rgba(255, 255, 255, 0.5); /* @hidden */
    --select-box-shadow-active: 0 0 0 2px var(--brand-primary-opacity-20); /* @hidden */
    --select-background-inverse: var(--background-color-default-inverse); /* @hidden */
    --select-background-disabled: var(--background-color-disabled-light); /* @hidden */
    --select-width-mini: var(--width-mini); /* @hidden */
    --select-width-small: var(--width-small); /* @hidden */
    --select-width-medium: var(--width-medium); /* @hidden */
    --select-width-large: var(--width-large); /* @hidden */
    --select-width-huge: var(--width-huge); /* @hidden */
    --select-height-mini: var(--height-mini); /* @hidden */
    --select-height-small: var(--height-small); /* @hidden */
    --select-height-medium: var(--height-medium); /* @hidden */
    --select-height-large: var(--height-large); /* @hidden */
    --select-height-huge: var(--height-huge); /* @hidden */
    --select-padding-x-mini: 6px; /* @hidden */
    --select-padding-x-small: 8px; /* @hidden */
    --select-padding-x-medium: 10px; /* @hidden */
    --select-padding-x-large: 10px; /* @hidden */
    --select-padding-x-huge: 10px; /* @hidden */
    --select-padding-x-full: 10px; /* @hidden */
    --select-multiple-popper-item-background-selected: #fff; /* @type color */ /* @group 多选状态 */ /* @desc 选择项的背景颜色 */
    --select-multiple-popper-item-color-selected: inherit; /* @type color */ /* @group 多选状态 */ /* @desc 选择项的文字颜色 */
    --select-multiple-background-color: var(--brand-primary); /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的背景颜色 */
    --select-multiple-icon-color: #fff; /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的选中图标颜色 */
    --select-multiple-partial-icon-color: #517cff; /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的半选择图标颜色 */
    --select-border-color-hover: var(--brand-primary); /* @hidden */
    --select-border-color-inverse: var(--border-color-base-inverse); /* @hidden */
    --select-border-color-disabled: var(--brand-disabled); /* @hidden */
    --select-multiple-border-color: var(--border-width-base) solid var(--border-color-darker); /* @group 弹出层 */ /* @desc 选择项checkbox的边框 */
    --select-color-inverse: var(--color-base-inverse); /* @hidden */
    --select-color-disabled: var(--brand-disabled-dark); /* @hidden */
    --select-popper-min-width: 300px; /* @hidden */
    --select-popper-width: auto; /* @hidden */
    --select-popper-line-height: 1.6; /* @hidden */
    --select-popper-line-height-small: 1.6; /* @hidden */
    /* duplicated hover */
    --select-tags-padding-y: 2px; /* @hidden */
    --select-tags-line-height: 26px; /* @hidden */
    --select-tags-filterable-width: 40px; /* @hidden */
    --select-tag-line-height: calc(var(--select-tags-line-height) - var(--select-tags-padding-y) * 2); /* @hidden */
    --select-tag-background: #ededed; /* @hidden */
    --select-tag-padding: 0 6px; /* @hidden */
    --select-tag-margin-x: 4px; /* @hidden */
    --select-tag-remove-color: var(--color-lighter); /* @hidden */
    --select-tag-remove-color-hover: var(--color-base); /* @hidden */
    --select-tag-border-radius: 2px; /* @hidden */
    --select-popper-background-inverse: var(--background-color-default-inverse); /* @hidden */
    --select-popper-color-inverse: var(--color-base-inverse); /* @hidden */
    --select-icon-color: var(--font-second-color); /* @hidden */
    --select-clear-icon-color: var(--font-third-color); /* @hidden */
    --select-icon-color-hover: var(--font-fourth-color); /* @hidden */
    --select-popper-padding: 8px 0; /* @hidden */
    --select-arrow-color-hover: var(--font-second-color); /* @hidden */
    --select-search-icon-color: #ccc; /* @hidden */
    --select-popper-footer-padding: 10px 12px; /* @hidden */
    --select-popper-footer-border-color: var(--select-border-color); /* @hidden */
    --select-icon-width: 14px; /* @hidden */
    --select-icon-height: 14px; /* @hidden */
    --select-icon-border-radius: 14px;  /* @hidden */
    --select-input-border-color-error: var(--input-border-color-error); /* hidden */


    /* @component u-rate */
    --rate-space: 6px; /* @desc 五角星之间的间距,如 1px */
    --rate-size: 20px; /* @desc 五角星的大小,如 1px */
    --rate-color: #e5e5e5; /* @type color */ /* @desc 五角星未选中的颜色,如 #223325 */
    --rate-color-full: var(--brand-warning); /* @type color */ /* @desc 五角星填充的颜色,如 #223325 */
    --rate-text-color: #333; /* @type color */ /* @desc 字体颜色,如 #223325 */
    --rate-popup-background: var(--color-white); /* @hidden */

    /* @component u-combo-slider */
    --slider-body-margin: 0 10px; /* @desc 滑道两侧的缩进距离,如 1px */ /* @prefix slider */
    --slider-body-padding: 9px 0; /* @desc 组件垂直方向的内边距（滑道上下的外边距）,如 1px */ /* @prefix slider */
    --slider-track-height: 6px; /* @desc 滑道高度,如 1px */ /* @prefix slider */
    --slider-track-background: var(--background-color-base); /* @type color */ /* @desc 滑道背景色（已覆盖部分）,如 #223325 */ /* @prefix slider */
    --slider-trail-background: var(--brand-primary);  /* @type color */ /* @desc 滑道背景色（未覆盖部分）,如 #223325 */ /* @prefix slider */
    --slider-trail-background-disabled: #bfbfbf;  /* @type color */ /* @desc 滑道背景色（未覆盖部分禁用状态下）,如 #223325 */ /* @prefix slider */
    --slider-track-border-radius: 3px; /* @desc 滑道圆角大小（未覆盖部分）,如 1px */ /* @prefix slider */
    --slider-handle-width: 16px; /* @desc 滑块按钮宽度,如 1px */ /* @prefix slider */
    --slider-handle-height: 16px; /* @desc 滑块按钮高度,如 1px */ /* @prefix slider */
    --slider-handle-background: var(--brand-primary); /* @type color */ /* @desc 滑块按钮背景色（未覆盖部分）,如 #223325 */ /* @prefix slider */
    --slider-handle-border: 2px solid white; /* @desc 滑块按钮边框,如 1px solid white */ /* @prefix slider */
    --slider-bound-background: url("../assets/images/stripe.png") repeat-x; /* @hidden */
    --slider-box-shadow-hover: var(--brand-primary-opacity-20) ; /* @type color */ /* @desc 滑块阴影色（hover状态）,如 #223325 */ /* @prefix slider */
    --slider-handle-background-disabled: var(--slider-trail-background-disabled); /* @type color */ /* @desc 滑块按钮背景色（禁用状态）,如 #223325 */ /* @prefix slider */
    --slider-popup-background: var(--color-white); /* @hidden */

    --combo-slider-slider-width: 100%; /* @desc 滑块宽度,如 1px */ /* @depStaticStyles ["width"] */
    --combo-slider-input-width: 56px; /* @desc 输入框宽度,如 1px */
    --combo-slider-input-margin-left: 10px; /* @desc 输入框左侧距离,如 1px */
    --combo-slider-input-background: var(--number-input-background); /* @type color */ /* @desc 输入框背景色,如 #223325 */
    --combo-slider-input-border-color: var(--number-input-border-color); /* @type color */ /* @desc 输入框边框颜色,如 #223325 */
    --combo-slider-input-border-radius: var(--number-input-border-radius); /* @desc 输入框圆角大小,如 #223325 */
    --combo-slider-input-color: var(--number-input-color); /* @type color */ /* @desc 输入框字体颜色,如 #223325 */
    --combo-slider-tip-color: var(--color-light); /* @type color */ /* @desc 提示字体颜色,如 #223325 */
    --combo-slider-tip-align-items: center; /* @desc 提示的垂直对齐方式,如 centers */ /* @desc 提示垂直对齐方式,如 center */
    --combo-slider-scales-color: var(--color-light); /* @type color */ /* @desc 百分比值字体颜色,如 #223325 */

    /* @component u-cascader */
    --cascader-width: 240px; /* @hidden */
    --cascader-scroll-width: 120px;/* @hidden */

    --cascader-width-mini: var(--width-mini); /* @hidden */
    --cascader-width-small: var(--width-small); /* @hidden */
    --cascader-width-medium: var(--width-medium); /* @hidden */
    --cascader-width-large: var(--width-large); /* @hidden */
    --cascader-width-huge: var(--width-huge); /* @hidden */
    --cascader-height-mini: var(--height-mini); /* @hidden */
    --cascader-height-small: var(--height-small); /* @hidden */
    --cascader-height-medium: var(--height-medium); /* @hidden */
    --cascader-height-large: var(--height-large); /* @hidden */
    --cascader-height-huge: var(--height-huge); /* @hidden */

    --cascader-item-color: var(--menu-item-color); /* @desc 下拉选项文字颜色 */ /* @type color */
    --cascader-item-background: transparent; /* @desc 下拉选项背景颜色 */ /* @type color */
    --cascader-item-expander-color: #999999; /* @desc 下拉选项展开图标颜色 */ /* @type color */
    --cascader-item-color-selected: #FFFFFF; /* @desc 下拉选项选中文字颜色 */ /* @type color */
    --cascader-item-background-selected: #337EFF; /* @desc 下拉选项选中背景颜色 */ /* @type color */
    --cascader-item-expander-color-selected: #FFFFFF; /* @desc 下拉选项选中展开图标颜色 */ /* @type color */
    --cascader-item-highlighter: red; /* @desc 下拉选项高亮文字颜色 */ /* @type color */


    /* @component u-uploader */
    --uploader-list-margin-top: 6px; /* @desc 文件上传列表项顶部外间距,如 1px */
    --uploader-item-space: 2px; /* @desc 文件上传列表项之间的间距,如 1px */
    --uploader-item-padding: 4px; /* @desc 文件上传列表项的内间距,如 1px */
    --uploader-item-line-height: 1.8; /* @desc 文件上传列表项的行高,如 1px */
    --uploader-item-border-radius: var(--border-radius-base); /* @desc 文件上传列表项的圆角,如 1px */
    --uploader-item-background: transparent; /* @type color */ /* @desc 文件上传列表项背景色,如 #223325 */
    --uploader-item-background-hover: var(--background-color-disabled); /* @type color */ /* @desc 文件上传列表项背景色(hover状态) ,如 #223325 */
    --uploader-item-icon-color: var(--color-light); /* @type color */ /* @desc 文件上传列表项图标颜色 ,如 #223325 */
    --uploader-link-color: inherit; /* @type color */ /* @desc 文件上传列表项链接文本颜色,如 #223325 */
    --uploader-link-color-hover: var(--link-color); /* @type color */ /* @desc 文件上传列表项链接文本颜色(hover状态),如 #223325 */
    --uploader-card-border-radius: var(--border-radius-large); /* @desc 卡片式文件上传按钮的圆角,如 1px */
    --uploader-card-space: 8px; /* @desc 卡片式文件上传文件项之间的间距,如 1px */
    --uploader-mask-background: rgba(0, 0, 0, 0.6); /* @type color */ /* @desc 卡片式文件上传遮罩层颜色,如 #223325 */
    --uploader-draggable-background: #fcfcfc; /* @type color */ /* @desc 拖拽上传文件窗口背景色,如 #223325 */ /* @depAttrs { "draggable": [true] } */
    --uploader-draggable-border-width: 1px; /* @desc 拖拽上传文件窗口边框宽度,如 1px */ /* @depAttrs { "draggable": [true] } */
    --uploader-draggable-border-color: var(--border-color-base); /* @type color */ /* @desc 拖拽上传文件窗口边框颜色,如 #223325 */ /* @depAttrs { "draggable": [true] } */
    --uploader-draggable-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 拖拽上传文件窗口边框颜色（hover状态）,如 #223325 */ /* @depAttrs { "draggable": [true] } */
    --uploader-draggable-border-radius: var(--border-radius-large); /* @desc 拖拽上传文件窗口圆角大小,如 1px */ /* @depAttrs { "draggable": [true] } */
    --uploader-draggable-padding: 12px 0 20px; /* @desc 拖拽上传文件窗口内边距大小,如 1px */ /* @depAttrs { "draggable": [true] } */

    --uploader-list-image-margin-top: 6px; /* @hidden */
    --uploader-draggable-color: #666; /* @hidden */
    --uploader-draggable-icon-color: #ccc; /* @hidden */
    --uploader-draggable-color-hover: var(--brand-primary); /* @hidden */
    --uploader-card-width: 80px; /* @hidden */
    --uploader-card-height: 80px; /* @hidden */
    --uploader-card-button-font-size: 16px; /* @hidden */
    --uploader-card-background: #fcfcfc; /* @hidden */
    --uploader-color: #999; /* @hidden */
    --uploader-border-color: var(--border-color-base); /* @hidden */
    --uploader-card-icon-font-size: 24px; /* @hidden */
    --uploader-error-box-height: 205px; /* @hidden */
    --uploader-error-box-max-width: 400px; /* @hidden */
    --uploader-root-inline-max-width: 100%; /* @hidden */


    /**
     * ========================
     *   选择器
     * ========================
     */

    /* @component u-tabs */
    --tabs-border-width: 1px; /* @desc tab项边框宽度,如 1px */ /* @prefix tabs */
    --tabs-border-color: var(--border-color-light); /* @type color */ /* @desc tab项边框颜色,如 #223325 */ /* @prefix tabs */
    --tabs-head-background: none; /* @type color */ /* @desc tab组件背景色（未选中部分）,如 #223325 */ /* @prefix tabs */ /* @excludeTags u-tab */
    --tabs-item-height: 48px; /* @desc tab项高度,如 1px */ /* @prefix tabs */
    --tabs-item-padding-x: 30px; /* @desc tab项水平方向内间距,如 1px */ /* @prefix tabs */
    --tabs-item-line-width: 2px; /* @desc tab项高亮指示线高度,如 1px */ /* @prefix tabs */
    --tabs-font-size: var(--font-size-base); /* @desc tab项字体大小,如 1px */ /* @prefix tabs */
    --tabs-item-line-background: var(--brand-primary); /* @type color */ /* @desc tab选中项线条背景色（线条导航方式）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["line"] } */ /* @depParentAttrs { "appear": ["line"] } */
    --tabs-item-background-text: none; /* @type color */ /* @desc tab项背景色（文本模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["text"] } */ /* @depParentAttrs { "appear": ["text"] } */
    --tabs-item-background-split: none; /* @type color */ /* @desc tab项背景色（竖线分隔模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */
    --tabs-item-background-capsule: none; /* @type color */ /* @desc tab项背景色（胶囊模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */
    --tabs-item-background-hover: transparent; /* @type color */ /* @desc tab项背景色（hover状态, 胶囊模式和底线模式不生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */
    --tabs-item-background-selected: var(--background-color-default); /* @type color */ /* @desc tab项背景色（选中部分, 胶囊模式和底线模式不生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */
    --tabs-item-background-selected-capsule: none; /* @type color */ /* @desc tab项背景色（选中部分, 胶囊模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */
    --tabs-item-color: inherit; /* @type color */ /* @desc  tab项文字颜色（未选中部分, 仅文本模式生效）,如 #223325 */ /* @prefix tabs */
    --tabs-item-color-hover: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（未选中部分, hover状态, 文本模式和胶囊模式生效）,如 #223325 */ /* @prefix tabs */
    --tabs-item-color-selected: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（未选中部分, hover状态, 文本模式和文本模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */
    --tabs-item-color-selected-capsule: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（胶囊模式, 选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */
    --tabs-item-color-disabled: #999; /* @type color */ /* @desc tab禁用项文字颜色,如 #223325 */ /* @prefix tabs */
    --tabs-item-split-line-color: #CDCFD7; /* @type color */ /* @desc tab项分隔线颜色（竖线分隔模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */
    --tabs-item-split-line-height: 12px; /* @desc tab项分隔线高度（竖线分隔模式, 未选中部分）,如 1px */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */
    --tabs-item-border-color-selected: var(--border-color-light); /* @type color */ /* @desc tab项边框颜色（选中部分, 默认模式和圆角模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */
    --tabs-item-border-color-selected-capsule: var(--brand-primary); /* @type color */ /* @desc tab项边框颜色（选中部分, 胶囊模式）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */
    --tabs-item-border-radius-round: 5px; /* @desc tab项边框圆角（选中部分, 圆角模式）,如 1px */ /* @prefix tabs */
    --tabs-body-space: var(--space-base); /* @desc 组件的tab项和内容区之间的间距,如 1px */ /* @prefix tabs */
    --tabs-item-close-margin-left: var(--space-small); /* @desc tab项关闭按钮左侧间距,如 1px */ /* @prefix tabs */
    --tabs-item-close-color: var(--color-light); /* @type color */ /* @desc tab项关闭按钮颜色,如 #223325 */ /* @prefix tabs */
    --tabs-item-close-hover-color: var(--color-base); /* @type color */ /* @desc tab项关闭按钮悬停颜色,如 #223325 */ /* @prefix tabs */

    --tabs-item-background-disabled: transparent; /* @hidden */
    --tabs-item-height-small: 30px; /* @hidden */
    --tabs-item-height-mini: 24px; /* @hidden */
    --tabs-item-padding-x-small: 22px; /* @hidden */
    --tabs-item-padding-x-mini: 16px; /* @hidden */
    --tabs-item-background-selected-disabled: var(--background-color-default); /* @hidden */
    --tabs-item-background-disabled-capsule: #f5f5f5; /* @hidden */
    --tabs-item-border-radius: var(--border-radius-base); /* @hidden */
    --tabs-body-space-small: var(--space-small); /* @hidden */
    --tabs-body-space-mini: var(--space-mini); /* @hidden */
    --tabs-item-title-font-weight: inherit; /* @hidden */
    --tabs-item-title-margin-right: 5px; /* @hidden */

    /* @component u-selectable-steps */
    --steps-item-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 步骤条禁用项文字颜色,如 #223325 */ /* @prefix steps */
    --steps-item-radio-size: 24px; /* @desc 步骤条按钮大小,如 1px */ /* @prefix steps */
    --steps-item-radio-background: var(--border-color-base); /* @type color */ /* @desc 步骤条按钮之间的进度条颜色（未完成部分）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-background-passed: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮和进度条颜色（已完成部分）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-color: var(--color-light); /* @type color */ /* @desc 步骤条按钮图标颜色,如 #223325 */ /* @prefix steps */
    --steps-item-radio-color-passed: white; /* @type color */ /* @desc 步骤条按钮图标颜色（已完成部分）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-color-selectd: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮图标颜色（已选中部分）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-color-failed: white; /* @type color */ /* @desc 步骤条按钮图标颜色（错误部分）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-background-disabled: var(--background-color-disabled); /* @type color */ /* @desc 步骤条按钮背景色（禁用状态）,如 #223325 */ /* @prefix steps */
    --steps-item-radio-size-large: 24px; /* @hidden */
    --steps-item-width: 200px; /* @hidden */
    --steps-item-radio-border-color-hover: var(--brand-primary); /* @hidden */
    --steps-seleatable-item-width: 140px; /* @hidden */
    --steps-seleatable-item-width-auto: 60%; /* @hidden */
    --steps-seleatable-border-color-passed: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮边框颜色（完成状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-border-color-failed: var(--brand-error); /* @type color */ /* @desc 步骤条按钮边框颜色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-background-selected: var(--brand-primary);/* @type color */ /* @desc 步骤条按钮圆心背景色（选中状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-background-failed: var(--brand-error);/* @type color */ /* @desc 步骤条按钮圆心背景色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-item-body-background: white; /* @hidden */
    --steps-seleatable-radio-background: white; /* @type color */ /* @desc 步骤条按钮背景色,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-radio-border-color: var(--color-lighter);/* @type color */ /* @desc 步骤条按钮边框颜色,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-radio-border-color-disabled: var(--steps-seleatable-radio-border-color); /* @desc 步骤条按钮边框颜色（禁用状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-radio-background-selected: white; /* @type color */ /* @desc 步骤条按钮背景色（选中状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-radio-dot-width-selected: 10px; /* @hidden */
    --steps-seleatable-radio-dot-height-selected: 10px; /* @hidden */
    --steps-seleatable-item-radio-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮边框颜色（hover状态）,如 #223325 */ /* @prefix steps-seleatable */
    --steps-seleatable-item-title-padding-left: 8px; /* @desc 步骤项标题左边距 */ /* @prefix steps-seleatable */
    --steps-seleatable-item-line-margin-left: 24px; /* @desc 步骤项连接线左边距 */ /* @prefix steps-seleatable */
    --steps-seleatable-item-line-margin-right: 24px; /* @desc 步骤项连接线右边距 */ /* @prefix steps-seleatable */
    --steps-seleatable-item-title-color-failed: var(--brand-error); /* @type color */ /* @desc 步骤条标题颜色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */

    /* @component u-pagination */
    --pagination-item-border-radius: var(--border-radius-base); /* @desc 翻页器的按钮圆角大小,如 1px */
    --pagination-item-border-color: var(--border-color-base); /* @type color */ /* @desc 翻页器的按钮边框颜色,如 #223325 */
    --pagination-item-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 翻页器的按钮边框颜色（hover状态）,如 #223325 */
    --pagination-item-border-color-disabled: var(--border-color-darker); /* @type color */ /* @desc 翻页器的按钮边框颜色（hover状态）,如 #223325 */
    --pagination-item-height-small: 24px; /* @desc Small翻页器的按钮高度,如 1px */ /* @depAttrs { "size": ["small"] } */
    --pagination-item-height: 32px; /* @desc 翻页器的按钮高度,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --pagination-item-width-small: 24px; /* @desc Small翻页器的按钮宽度,如 1px */ /* @depAttrs { "size": ["small"] } */
    --pagination-item-width: 32px; /* @desc 翻页器的按钮宽度,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --pagination-item-font-size: var(--font-size-small); /* @desc 翻页器的字体大小,如 1px */
    --pagination-item-color: var(--color-base); /* @type color */ /* @desc 翻页器的页数文本颜色,如 #223325 */
    --pagination-item-color-hover: var(--brand-primary); /* @type color */ /* @desc 翻页器的页数文本颜色(hover状态),如 #223325 */
    --pagination-item-color-selected: var(--color-white); /* @type color */ /* @desc 翻页器的页数文本颜色(选中状态),如 #223325 */
    --pagination-item-color-disabled: var(--gray-light); /* @type color */ /* @desc 翻页器的按钮文本颜色(禁用状态),如 #223325 */
    --pagination-item-color-blank: var(--color-base); /* @type color */ /* @desc 翻页器的省略方块文本颜色,如 #223325 */
    --pagination-item-color-blank-disabled: var(--brand-disabled); /* @type color */ /* @desc 翻页器的省略方块文本颜色（禁用状态）,如 #223325 */
    --pagination-item-background: transparent; /* @type color */ /* @desc 翻页器的按钮背景色（未选中状态）,如 #223325 */
    --pagination-item-background-hover: var(--pagination-item-background); /* @type color */ /* @desc 翻页器的按钮背景色（hover状态，未选中状态）,如 #223325 */
    --pagination-item-background-selected: var(--brand-primary); /* @type color */ /* @desc 翻页器的按钮背景色（选中状态）,如 #223325 */
    --pagination-item-background-blank: none; /* @type color */ /* @desc 翻页器的省略方块背景色,如 #223325 */
    --pagination-item-padding: 0; /* @desc 翻页器的内边距,如 1px */

    --pagination-item-background-disabled-selected: var(--pagination-item-background); /* @hidden */
    --pagination-line-height: calc(var(--pagination-item-height) - var(--border-width-base) * 2); /* @hidden */
    --pagination-item-border-radius-left: var(--pagination-item-border-radius); /* @hidden */
    --pagination-item-border-radius-right: var(--pagination-item-border-radius); /* @hidden */
    --pagination-item-border-color-selected: var(--brand-primary); /* @hidden */
    --pagination-item-prenext-font-size: 18px; /* @hidden */
    --pagination-sizer-width: 104px; /* @hidden */
    --pagination-jumper-width: 50px; /* @hidden */
    --pagination-item-height-small-line-height: var(--pagination-item-height-small); /* @hidden */

    /* @component u-tree-select-new */
    /* @dependency-components u-tree-view-new */
    --tree-select-new-width: var(--select-width); /* @group 宽度 */ /* @desc 树选择器宽度,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-height: var(--select-height); /* @group 高度 */ /* @desc 树选择器高度,如 1px */ /* @depAttrs {"height": ["normal", null]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-padding-x: var(--select-padding-x); /* @group 内边距 */ /* @desc Mini树选择器水平方向内边距,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-width-mini: var(--select-width-mini); /* @group 宽度 */ /* @desc Mini树选择器宽度,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-padding-x-mini: var(--select-padding-x-mini); /* @group 内边距 */ /* @desc Mini树选择器内边距,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-height-mini: var(--select-height-mini);  /* @group 高度 */ /* @desc Mini树选择器高度,如 1px */ /* @depAttrs {"height": ["mini"]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-width-small: var(--select-width-small); /* @group 宽度 */ /* @desc Small树选择器宽度,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-padding-x-small: var(--select-padding-x-small);  /* @group 内边距 */ /* @desc Small树选择器内边距,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-height-small: var(--select-height-small); /* @group 高度 */ /* @desc Mini树选择器高度,如 1px */ /* @depAttrs {"height": ["small"]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-width-medium: var(--select-width-medium); /* @group 宽度 */ /* @desc Medium树选择器宽度,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-padding-x-medium: var(--select-padding-x-medium); /* @group 内边距 */ /* @desc Medium树选择器内边距,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-height-medium: var(--select-height-medium); /* @group 高度 */ /* @desc Medium树选择器高度,如 1px */ /* @depAttrs {"height": ["medium"]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-width-large: var(--select-width-large); /* @group 宽度 */ /* @desc Large树选择器宽度,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-padding-x-large: var(--select-padding-x-large); /* @group 内边距 */ /* @desc Large树选择器内边距,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-height-large: var(--select-height-large); /* @group 高度 */ /* @desc Large树选择器高度,如 1px */ /* @depAttrs {"height": ["large"]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-width-huge: var(--select-width-huge);  /* @group 宽度 */ /* @desc Huge树选择器宽度,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["width"] */
    --tree-select-new-padding-x-huge: var(--select-padding-x-huge); /* @group 内边距 */ /* @desc Huge树选择器内边距,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-height-huge: var(--select-height-huge); /* @group 高度 */ /* @desc Huge树选择器高度,如 1px */ /* @depAttrs {"height": ["huge"]} */ /* @depStaticStyles ["height"] */
    --tree-select-new-padding-x-full: var(--select-padding-x-full); /* @group 内边距 */ /* @desc Full树选择器内边距,如 1px */ /* @depAttrs {"width": ["full"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --tree-select-new-color: var(--select-color); /* @type color */ /* @desc 树选择器输入框字体颜色,如 #223325 */
    --tree-select-new-color-disabled: var(--select-color-disabled); /* @type color */ /* @desc 树选择器输入框字体颜色（禁用状态）,如 #223325 */
    --tree-select-new-border-width: var(--select-border-width); /* @group 边框 */ /* @desc 树选择器输入框边框宽度,如 1px */
    --tree-select-new-border-color: var(--select-border-color); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色,如 #223325 */
    --tree-select-new-border-radius-base: var(--border-radius-base); /* @group 边框 */ /* @desc 树选择器输入框圆角,如 1px */
    --tree-select-new-border-color-hover: var(--select-border-color-hover); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（hover状态）,如 #223325 */
    --tree-select-new-border-color-disabled: var(--brand-disabled);  /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（禁用状态）,如 #223325 */
    --tree-select-new-input-border-color-error: var(--brand-error); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（错误状态）,如 #223325 */
    --tree-select-new-arrow-size: var(--select-arrow-size); /* @group 下拉箭头 */ /* @desc 树选择器输入框下拉箭头大小,如 1px */
    --tree-select-new-arrow-right-ratio: var(--select-arrow-right-ratio); /* @hidden */
    --tree-select-new-arrow-color: var(--select-arrow-color); /* @group 下拉箭头 */ /* @type color */ /* @desc 树选择器输入框下拉箭头颜色,如 #223325 */
    --tree-select-new-background: var(--select-background); /* @type color */ /* @desc 树选择器输入框背景颜色,如 #223325 */
    --tree-select-new-background-disabled: var(--select-background-disabled);  /* @type color */ /* @desc 树选择器输入框背景颜色（禁用状态）,如 #223325 */
    --tree-select-new-focus-outline: var(--focus-outline); /* @desc 树选择器输入框轮廓,如 1px ridge rgba(0, 0, 0, 0.2); */
    --tree-select-new-box-shadow-focus: var(--select-box-shadow-focus); /* @group 边框阴影 */ /* @desc 树选择器输入框边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    --tree-select-new-placeholder-color: var(--select-placeholder-color);  /* @type color */ /* @group 占位符 */ /* @desc  树选择器的占位符文字颜色,如 #223325 */
    --tree-select-new-transition-duration-base: var(--transition-duration-base); /* @hidden */
    --tree-select-new-tag-padding: var(--select-tag-padding); /* @hidden */
    --tree-select-new-tag-font-size-small: var(--font-size-small); /* @hidden */
    --tree-select-new-tag-line-height: var(--select-tag-line-height); /* @hidden */
    --tree-select-new-tag-background: var(--select-tag-background); /* @hidden */
    --tree-select-new-tag-vertical-align: 1px; /* @hidden */
    --tree-select-new-tag-border-radius: 2px; /* @hidden */
    --tree-select-new-tag-margin-x: var(--select-tag-margin-x); /* @hidden */
    --tree-select-new-tag-remove-color: var(--select-tag-remove-color); /* @hidden */
    --tree-select-new-tag-remove-color-hover: var(--select-tag-remove-color-hover); /* @hidden */
    --tree-select-new-popper-line-height: var(--select-popper-line-height); /* @group 弹出层 */ /* @desc 树选择器弹出层下拉项行高 */
    --tree-select-new-popper-max-height: var(--select-popper-max-height); /* @group 弹出层 */ /* @desc 树选择器弹出层最大高度 */
    --tree-select-new-popper-background: var(--select-popper-background); /* @type color */ /* @group 弹出层 */ /* @desc 选择框弹出层背景色,如 #223325 */
    --tree-select-new-popper-border-color: var(--select-popper-border-color); /* @type color */ /* @group 弹出层 */ /* @desc 选择框弹出层边框颜色,如 #223325 */
    --tree-select-new-z-index-popper: var(--z-index-popper);  /* @hidden */
    --tree-select-new-popper-box-shadow: var(--select-popper-box-shadow); /* @group 弹出层 */ /* @desc 树选择器弹出层边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    --tree-select-new-popper-min-width: var(--select-popper-min-width); /* @group 弹出层 */ /* @desc 树选择器弹出层最小宽度 */
    --tree-select-new-popper-width: var(--select-popper-width); /* @group 弹出层 */ /* @desc 树选择器弹出层宽度 */

    --tree-select-new-background-inverse: var(--select-background-inverse); /* @hidden */
    --tree-select-new-border-color-inverse: var(--select-border-color-inverse); /* @hidden */
    --tree-select-new-color-inverse: var(--select-color-inverse); /* @hidden */
    --tree-select-new-popper-background-inverse: var(--select-popper-background-inverse); /* @hidden */
    --tree-select-new-popper-color-inverse: var(--select-popper-color-inverse); /* @hidden */
    --tree-select-new-popper-border-color-inverse: var(--select-popper-border-color-inverse); /* @hidden */
    --tree-select-new-tree-view-node-background-active-inverse: var(--tree-view-node-background-active-inverse); /* @hidden */
    --tree-select-new-tree-view-node-background-selected-inverse: var(--tree-view-node-background-selected-inverse); /* @hidden */
    --tree-select-new-tree-view-node-color-selected-inverse: var(--tree-view-node-color-selected-inverse); /* @hidden */
    --tree-select-new-tree-view-node-expander-color-selected-inverse: var(--tree-view-node-expander-color-selected-inverse); /* @hidden */
    --tree-select-new-tree-view-node-color-disabled-inverse: var(--tree-view-node-color-disabled-inverse); /* @hidden */
    --tree-select-new-tree-view-node-background-disabled-inverse: var(--tree-view-node-background-disabled-inverse); /* @hidden */
    --tree-select-new-tree-view-node-background-selected-disabled-inverse: var(--tree-view-node-background-selected-disabled-inverse); /* @hidden */

    /**
     * ========================
     *   图表
     * ========================
     */

    /* @component u-linear-progress */
    --linear-progress-size: 4px; /* @desc 进度条大小,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --linear-progress-size-small: 2px; /* @desc Small进度条大小,如 1px */ /* @depAttrs { "size": ["small"] } */
    --linear-progress-size-large: 8px; /* @desc Large进度条大小,如 1px */ /* @depAttrs { "size": ["large"] } */
    --linear-progress-size-huge: 12px; /* @desc Huge进度条大小,如 1px */ /* @depAttrs { "size": ["huge"] } */
    --linear-progress-vertical-height: 512px; /* @desc 垂直进度条高度,如 1px */ /* @depAttrs { "direction": ["vertical"] } */
    --linear-progress-track-background: var(--background-color-base); /* @type color */ /* @desc 进度条轨道背景色 (未完成部分),如 #223325 */
    --linear-progress-trail-font-size: var(--font-size-small); /* @desc 进度条轨道字体大小 (完成部分),如 #223325 */
    --linear-progress-trail-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要进度条轨道背景颜色 (完成部分),如 #223325 */
    --linear-progress-trail-background-success: var(--brand-success); /* @type color */ /* @desc 成功进度条轨道背景颜色 (完成部分),如 #223325 */
    --linear-progress-trail-background-error: var(--brand-error); /* @type color */ /* @desc 错误进度条轨道背景颜色 (完成部分),如 #223325 */
    --linear-progress-trail-color: white; /* @type color */ /* @desc 进度条轨道背景色 (已完成部分),如 #223325 */
    --linear-progress-trail-transition: width 0.6s ease; /* @desc 进度条轨道的动画快慢参数,如 width 0.6s ease */

    --linear-progress-height-small: 2px; /* @hidden */
    --linear-progress-height-large: 8px; /* @hidden */
    --linear-progress-height-huge: 12px; /* @hidden */

    /* @component u-circular-progress */
    --circular-progress-size: 90px; /* @desc 圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --circular-progress-size-small: 74px; /* @desc Small圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["small"] } */
    --circular-progress-size-large: 112px; /* @desc Large圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["large"] } */
    --circular-progress-size-huge: 142px; /* @desc Huge圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["huge"] } */
    --circular-progress-stroke-width: 6px; /* @desc 进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --circular-progress-stroke-width-small: 5px; /* @desc Small进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["small"] } */
    --circular-progress-stroke-width-large: 8px; /* @desc Large进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["large"] } */
    --circular-progress-stroke-width-huge: 10px; /* @desc Huge进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["huge"] } */
    --circular-progress-track-stroke: var(--background-color-base); /* @type color */ /* @desc 进度条轨道背景色 (未完成部分),如 #223325 */
    --circular-progress-trail-stroke: var(--brand-primary); /* @type color */ /* @desc 进度条轨道背景色 (已完成部分),如 #223325 */
    --circular-progress-trail-transition: stroke 0.6s ease, stroke-dasharray 0.6s ease; /* @desc 进度条轨道动画 (已完成部分),如 stroke 0.6s ease, stroke-dasharray 0.6s ease; */
    --circular-progress-percent-font-size: 18px; /* @desc 进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["normal", null] } */
    --circular-progress-percent-font-size-small: 14px; /* @desc Small进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["small"] } */
    --circular-progress-percent-font-size-large: 24px; /* @desc Large进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["large"] } */
    --circular-progress-percent-font-size-huge: 32px; /* @desc Huge进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["huge"] } */
    --circular-progress-percent-color: #666; /* @type color */ /* @desc 进度条文本内容字体颜色,如 #223325 */

    --circular-progress-text-color: #999; /* @hidden */
    --circular-progress-font-size: var(--font-size-base); /* @hidden */
    --circular-progress-percent-font-weight: 600; /* @hidden */
    --circular-progress-text-line-height: normal; /* @hidden */

    /**
     * ========================
     *   反馈
     * ========================
     */

    /* @component u-alert */
    --alert-title-color: var(--font-fourth-color); /* @desc 公告标题文字颜色 */ /* @type color */
    --alert-desc-color: var(--font-second-color); /* @desc 公告描述文字颜色 */ /* @type color */
    --alert-color-info: var(--brand-primary); /* @desc 公告信息类型颜色 */ /* @type color */ /* @depAttrs { "type": ["info", null] } */
    --alert-color-success: var(--brand-success); /* @desc 公告成功类型颜色 */ /* @type color */ /* @depAttrs { "type": ["success"] } */
    --alert-color-warning: var(--brand-warning); /* @desc 公告警告类型颜色 */ /* @type color */ /* @depAttrs { "type": ["warning"] } */
    --alert-color-error: var(--brand-error); /* @desc 公告错误类型颜色 */ /* @type color */ /* @depAttrs { "type": ["error"] } */
    --alert-background-color-info: var(--brand-primary-lightest); /* @desc 公告信息类型背景色 */ /* @type color */ /* @depAttrs { "type": ["info", null] } */ /* @depStaticStyles ["background-color"] */
    --alert-background-color-success: var(--brand-success-lightest); /* @desc 公告成功类型背景色 */ /* @type color */ /* @depAttrs { "type": ["success"] } */ /* @depStaticStyles ["background-color"] */
    --alert-background-color-warning: var(--brand-warning-lightest); /* @desc 公告警告类型背景色 */ /* @type color */ /* @depAttrs { "type": ["warning"] } */ /* @depStaticStyles ["background-color"] */
    --alert-background-color-error: var(--brand-error-lightest); /* @desc 公告错误类 型背景色 */ /* @type color */ /* @depAttrs { "type": ["error"] } */ /* @depStaticStyles ["background-color"] */
    --alert-close-color: var(--font-third-color); /* @desc 公告关闭按钮颜色 */ /* @type color */
    --alert-close-hover-color: var(--font-second-color); /* @desc 公告关闭按钮颜色（hover状态） */ /* @type color */

    /* @component u-popup-combination */
    --popup-padding: 5px 12px; /* @desc 弹出层的内边距,如 1px */ /* @prefix popup */
    --popup-arrow-size: 4px; /* @desc 弹出层的内层三角箭头大小,如 1px */ /* @prefix popup */
    --popup-arrow-offset: 17px; /* @desc 弹出层的三角箭头平移位置,如 1px */ /* @prefix popup */
    --popup-outer-arrow-size: calc(var(--popup-arrow-size) + 1px); /* @desc 弹出层的外层三角箭头大小,如 1px */ /* @prefix popup */
    --popup-background: white; /* @type color */ /* @desc 弹出层的背景色,如 #223325 */ /* @prefix popup */
    --popup-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* @desc 弹出层的阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @prefix popup */
    --popup-border-color: var(--border-color-base); /* @type color */ /* @desc 弹出层的边框颜色,如 #223325 */ /* @prefix popup */

    --popup-head-background: white; /* @hidden */

    /* @component u-tooltip @hidden */
    --tooltip-padding: 8px 12px;
    --tooltip-padding-small: 2px 6px;
    --tooltip-arrow-size: 6px;
    --tooltip-arrow-size-small: 3px;
    --tooltip-arrow-offset: 16px;
    --tooltip-background: #242424;
    --tooltip-color: white;
    --tooltip-border-radius: var(--border-radius-base);
    --tooltip-box-shadow: 0px 2px 6px rgba(23, 23, 26, 0.1);

    /* @component icon-tooltip @hidden */
    --icon-tooltip-color: #666;

    /* @component u-spinner @hidden */
    --spinner-animation-duration: 1s;
    --spinner-animation-delay: 0.15s;

    /* @component u-loading @hidden */
    --loading-font-size: calc(var(--font-size-base) * (24 / 14));
    --loading-font-size-small: var(--font-size-base);
    --loading-font-size-large: calc(var(--font-size-base) * (40 / 14));
    --loading-color: var(--brand-disabled);
    --loading-full-background: rgba(255, 255, 255, 0.8);
    --loading-fullWindow-background: rgba(255, 255, 255, 0.6);

    /* @component u-toast-single */
    --toast-margin: 30px; /* @hidden */
    --toast-width: 300px; /* @hidden */
    --toast-max-width: 326px; /* @hidden */
    --toast-top: 90px; /* @hidden */
    --toast-close-font-size: 18px; /* @hidden */
    --toast-close-color: white; /* @hidden */
    --toast-item-color: white; /* @type color */ /* @desc 弹出消息的字体颜色 */ /* @prefix toast */
    --toast-item-padding: 8px 16px; /* @hidden */
    --toast-item-space: 10px; /* @hidden */
    --toast-item-border-radius: var(--border-radius-large); /* @hidden */
    --toast-item-icon-top: 8px; /* @hidden */
    --toast-item-icon-margin-right: 8px; /* @hidden */
    --toast-item-icon-vertical-align: -1px; /* @hidden */
    --toast-item-icon-font-size: 16px; /* @hidden */
    --toast-item-icon-text-align: left; /* @hidden */
    --toast-item-icon-color-info: var(--brand-primary); /* @hidden */
    --toast-item-icon-color-success: var(--brand-success); /* @hidden */
    --toast-item-icon-color-warning: var(--brand-warning); /* @hidden */
    --toast-item-icon-color-error: var(--brand-error); /* @hidden */
    --toast-background-color: rgba(48, 48, 48, 0.8); /* @type color */ /* @desc 弹出消息的背景色 */ /* @prefix toast */
    --toast-item-custom-icon-color: white; /* @type color */ /* @desc 弹出消息的自定义图标颜色 */ /* @prefix toast */

    /* @component u-modal */
    --modal-dialog-width: 400px; /* @desc 弹窗的宽度,如 1px */
    --modal-dialog-border-radius: var(--border-radius-base); /* @desc 弹窗圆角,如 1px */
    --modal-dialog-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); /* @desc 弹窗阴影效果,如 1px */
    --modal-title-font-size: var(--font-size-large); /* @desc 弹窗标题的字号,如 1px */
    --modal-close-right: 24px; /* @desc  弹窗关闭按钮的右边距,如 1px */
    --modal-close-color: var(--gray-dark);  /* @type color */ /* @desc 弹窗关闭按钮的颜色,如 #223325 */
    --modal-close-color-hover: var(--gray-darker);  /* @type color */ /* @desc 弹窗关闭按钮的颜色（hover状态）,如 #223325 */
    --modal-body-margin: 25px 24px; /* @desc 弹窗内容区的外间距,如 1px */
    --modal-foot-margin: 0; /* @desc 弹窗底部区域的外间距,如 1px */
    --modal-foot-padding: 10px 20px; /* @desc 弹窗底部区域的内间距,如 1px */
    --modal-border-color: var(--border-color-base);  /* @type color */ /* @desc 弹窗边框颜色,如 #223325 */

    --modal-head-padding: 13px 24px; /* @hidden */
    --modal-static-padding: var(--space-base); /* @hidden */
    --modal-title-font-weight: normal; /* @hidden */
    --modal-dialog-width-small: 300px; /* @hidden */
    --modal-dialog-width-large: 600px; /* @hidden */
    --modal-dialog-width-huge: 800px; /* @hidden */
    --modal-dialog-background: white;  /* @hidden */
    --modal-dialog-background-image: none; /* @hidden */
    --modal-dialog-background-color: var(--modal-dialog-background); /* @hidden */

    /* @component u-drawer */
    --drawer-width-small: 240px; /* @desc small抽屉宽度,如 1px */ /* @depAttrs {"size": ["small"], "placement": ["left", "right", null]} */
    --drawer-width: 400px; /* @desc normal抽屉宽度,如 1px */ /* @depAttrs {"size": ["normal", null], "placement": ["left", "right", null]} */
    --drawer-width-large: 600px; /* @desc large抽屉宽度,如 1px */ /* @depAttrs {"size": ["large"], "placement": ["left", "right", null]} */
    --drawer-height-small: 240px; /* @desc small抽屉高度,如 1px */ /* @depAttrs {"size": ["small"], "placement": ["top", "bottom"]} */
    --drawer-height: 400px; /* @desc normal抽屉高度,如 1px */ /* @depAttrs {"size": ["normal", null], "placement": ["top", "bottom"]} */
    --drawer-height-large: 600px; /* @desc large抽屉高度,如 1px */ /* @depAttrs {"size": ["large"], "placement": ["top", "bottom"]} */
    --drawer-max-height: auto; /* @hidden */
    --drawer-background: white; /* @type color */ /* @desc 抽屉背景色 */
    --drawer-wrap-background: rgba(0, 0, 0, 0.6); /* @type color */ /* @desc 遮罩背景色 */
    --drawer-close-size: 15px; /* @desc 关闭图标大小 */
    --drawer-close-color: var(--gray-dark); /* @type color */ /* @desc 关闭图标颜色 */
    --drawer-close-color-hover: var(--gray-darker); /* @type color */ /* @desc 关闭图标hover颜色 */
    --drawer-head-padding: 15px; /* @desc 抽屉头部内边距 */
    --drawer-body-padding: 15px; /* @desc 抽屉内容区内边距 */
    --drawer-foot-padding: 20px 24px; /* @desc 抽屉底部内边距 */
    --drawer-border-color: var(--gray-lightest); /* @type color */ /* @desc 抽屉边框颜色 */
    --drawer-border-radius: none; /* @desc 抽屉边框圆角 */

    --drawer-body-overflow-y: auto;  /* @hidden */
    --drawer-static-padding: var(--space-base); /* @hidden */

    /* @component u-image */
    --image-width: 100%; /* @desc 图片宽度,如：1px */ /* @hidden */
    --image-height: 100%; /* @desc 图片高度,如：1px */ /* @hidden */

    /* @component u-lightbox @hidden */
    --lightbox-head-height: 64px;
    --lightbox-icon-background: #252525;
    --lightbox-icon-background-hover: #121212;
    --lightbox-icon-background-disabled: #666;
    --lightbox-icon-color: white;

    /* @component u-linear-layout */
    --linear-layout-background: rgba(255,255,255,0.5); /* @type color */ /* @desc 加载时遮罩背景颜色,如：#223325 */

    /* @component u-skeleton @hidden */
    --skeleton-background: var(--background-color-base);
    --skeleton-title-width: 36%;
    --skeleton-paragraph-width: 72%;

    /* @component u-calendar-view */
    --calendar-date-height: 96px; /* @desc 日历日期高度,如：1px */ /* @prefix calendar-date */
    --calendar-date-padding: 4px 8px 0; /* @desc 日历日期内边距,如：1px */ /* @prefix calendar-date */
    --calendar-date-text-align: right; /* @desc 日历日期文字水平对齐，如：right|center|left */ /* @prefix calendar-date */
    --calendar-date-background: var(--brand-primary-lightest); /* @desc 日历日期选中项背景色,如：#223325 */ /* @type color */ /* @prefix calendar-date */
    --calendar-date-disabled: var(--brand-disabled-dark); /* @hidden */

    /* @component u-calendar @hidden */
    --calendar-border-color: var(--border-color-base); /* @type color */ /* @desc 日历面板边框颜色,如：#223325 */
    --calendar-background: var(--field-background); /* @type color */ /* @desc 日历面板背景颜色,如：#223325 */
    --calendar-border-radius: var(--border-radius-base); /* @desc 日历面板边框圆角,如：1px */

    --calendar-item-color: #333; /* @type color */ /* @desc 日历面板本月日期字体颜色,如：#223325 */
    --calendar-item-border-radius: 4px; /* @desc 日历面板日期圆角大小,如：1px */
    --calendar-item-border-color: transparent; /* @type color */ /* @desc 日历面板日期边框颜色,如：#223325 */
    --calendar-item-background: var(--calendar-background); /* @type color */ /* @desc 日历面板日期背景颜色,如：#223325 */

    --calendar-item-background-inrange: rgba(51, 126, 255, 0.1); /* @type color */ /* @desc 日历选中范围背景色,如：#223325 */
    --calendar-range-inner-border-color: var(--border-color-base); /* @type color */ /* @desc 日历范围选择内部分割线颜色,如：#223325 */

    --calendar-item-color-hover: #333; /* @type color */ /* @desc 日历面板日期字体颜色（hover状态）,如：#223325 */
    --calendar-item-border-color-hover: var(--calendar-item-border-color); /* @type color */ /* @desc 日历面板日期边框颜色（选中状态）,如：#223325 */
    --calendar-item-background-hover: var(--background-color-hover);  /* @type color */ /* @desc 日历面板日期背景颜色（选中状态）,如：#223325 */

    --calendar-item-color-selected: var(--field-background); /* @type color */ /* @desc 日历面板日期字体颜色（选中状态）,如：#223325 */
    --calendar-item-border-color-selected: var(--calendar-item-border-color); /* @type color */ /* @desc 日历面板日期边框颜色（选中状态）,如：#223325 */
    --calendar-item-background-selected: var(--brand-primary); /* @type color */ /* @desc 日历面板日期背景颜色（选中状态）,如：#223325 */

    --calendar-item-color-muted: var(--color-light); /* @type color */ /* @desc 日历面板其他月份日期字体颜色,如：#223325 */
    --calendar-item-color-today: var(--brand-primary); /* @type color */ /* @desc 日历面板今日字体颜色,如：#223325 */

    --calendar-item-color-disabled: var(--color-light); /* @type color */ /* @desc 日历面板禁用日期字体颜色,如：#223325 */
    --calendar-item-background-disabled: var(--background-color-disabled); /* @type color */ /* @desc 日历面板禁用日期背景颜色,如：#223325 */

    --calendar-item-color-selected-disabled: var(--color-light); /* @type color */ /* @desc 日历面板日期字体颜色（禁用选择状态）,如：#223325 */
    --calendar-item-background-selected-disabled: #eee; /* @type color */ /* @desc 日历面板日期背景颜色（禁用选择状态）,如：#223325 */
    --calendar-item-week-color: #F24957; /* @type color */ /* @desc 日历面板week字体颜色,如：#223325 */

    --calendar-width: 300px; /* @hidden */
    --calendar-range-width: 600px; /* @hidden */
    --calendar-padding: 15px; /* @hidden */

    --calendar-icon-color: var(--gray-dark); /* @type color */ /* @desc 日历面板icon字体颜色,如：#223325 */
    --calendar-icon-color-hover: var(--gray-darker); /* @type color */ /* @desc 日历面板icon字体颜色（hover状态）,如：#223325 */
    --calendar-icon-color-disabled: var(--gray-lighter); /* @type color */ /* @desc 日历面板icon字体颜色（禁用状态）,如：#223325 */

    --calendar-date-background-disabled: var(--brand-disabled); /* @type color */ /* @desc 时间表格背景颜色（禁用状态）,如：#223325 */
    --calendar-showtext-color-hover: var(--brand-primary); /* @type color */ /* @desc 日历面板头部年月字体颜色,如：#223325 */

    /* @component u-date-picker */
    --datepicker-input-pre-icon-color: var(--gray-light); /* @type color */ /* @desc 日期选择器前缀图标颜色,如：#223325 */ /* @prefix datepicker-input */
    --datepicker-input-after-icon-color: var(--gray-light); /* @type color */ /* @desc 日期选择器后缀图标颜色,如：#223325 */ /* @prefix datepicker-input */

    --datepicker-input-border-color: var(--input-border-color); /* @type color */ /* @desc 日期选择器输入框边框颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-color"] */
    --datepicker-input-border-width: var(--input-border-width); /* @desc 日期选择器输入框边框宽度,如：1px */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */
    --datepicker-input-color: var(--input-color); /* @type color */ /* @desc 日期选择器输入框字体颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["color"] */
    --datepicker-input-background: var(--input-background); /* @type color */ /* @desc 日期选择器输入框背景颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["background-color"] */
    --datepicker-input-border-radius: var(--input-border-radius); /* @desc 日期选择器输入框圆角,如：1px */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */
    --datepicker-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 日期选择器输入框背景颜色（禁用状态）,如：1px */ /* @prefix datepicker-input */
    --datepicker-input-border-color-error: var(--input-border-color-error); /* hidden */ /* @desc 日期选择器输入框边框颜色（错误状态）,如：1px */ /* @prefix datepicker-input */
    --datepicker-input-border-color-focus: var(--input-border-color-focus); /* hidden */ /* @desc 日期选择器输入框边框颜色（选中状态）,如：1px */ /* @prefix datepicker-input */
    --datepicker-input-box-shadow-focus: var(--input-box-shadow-focus); /* hidden */
    --datepicker-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 日期选择器输入框提示字体颜色,如：#223325 */ /* @prefix datepicker-input */
    --datepicker-popper-box-shadow: var(--select-popper-box-shadow); /* hidden */
    --datepicker-popper-border-radius: var(--border-radius-base); /* hidden */

    --datepicker-input-width: var(--input-width); /* @desc 日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-range-input-width: var(--input-width-medium); /* @desc 日期选择器范围输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-height: var(--input-height); /* @desc 日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-padding-x: var(--input-padding-x); /* @desc 日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-width-mini: var(--input-width-mini); /* @desc Mini日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-height-mini: var(-input-height-mini); /* @desc Mini日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-width-small: var(--input-width-small); /* @desc Small日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-padding-x-small: var(--input-padding-x-small); /* @desc Small日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-height-small: var(--input-height-small); /* @desc Small日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-width-medium: var(--input-width-medium); /* @desc Medium日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-height-medium: var(--input-height-medium); /* @desc Medium日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-width-large: var(--input-width-large); /* @desc Large日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-padding-x-large: var(--input-padding-x-large); /* @desc Large日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-height-large: var(--input-height-large); /* @desc Large日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-width-huge: var(--input-width-huge); /* @desc Huge日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */
    --datepicker-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datepicker-input-height-huge: var(--input-height-huge); /* @desc Huge日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */
    --datepicker-input-padding-x-full: var(--input-padding-x-full); /* @desc Full日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */


    /* @component u-date-time-picker */

    --datetime-input-pre-icon-color: var(--gray-light); /* @type color */ /* @desc 日期时间选择器输入框前缀图标颜色,如：#223325 */ /* @prefix datetime-input */
    --datetime-input-after-icon-color: var(--gray-light); /* @type color */ /* @desc 日期时间选择器输入框后缀图标颜色,如：#223325 */ /* @prefix datetime-input */
    --datetime-input-border-color-focus: var(--input-border-color-focus);  /* @hidden */
    --datetime-input-box-shadow-focus: var(--input-box-shadow-focus); /* @hidden */

    --datetime-input-border-color: var(--input-border-color); /* @type color */ /* @desc 日期时间选择器输入框边框颜色,如：#223325 */ /* @prefix datetime-input */
    --datetime-input-border-width: var(--input-border-width); /* @desc 日期时间选择器输入框边框宽度,如：1px */ /* @prefix datetime-input */

    --datetime-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 日期时间选择器输入框提示字体颜色,如：#223325 */ /* @prefix datetime-input */
    --datetime-input-border-radius: var(--input-border-radius); /* @desc 日期时间选择器输入框圆角大小,如：1px */ /* @prefix datetime-input */


    --datetime-input-icon-color-hover: var(--input-icon-color-hover); /* @hidden */
    --datetime-input-clear-icon-color: var(--input-icon-color); /* @hidden */

    --datetime-input-color: var(--input-color); /* @type color */ /* @desc 日期时间选择器输入框字体颜色,如：#223325 */ /* @prefix datetime-input */
    --datetime-input-background: var(--input-background); /* @type color */ /* @desc 日期时间选择器输入框背景颜色,如：#223325 */ /* @prefix datetime-input */

    --datetime-input-width: var(--input-width); /* @desc 日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-range-input-width: var(--input-width-large); /* @desc 日期时间范围选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-height: var(--input-height); /* @desc 日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-padding-x: var(--input-padding-x); /* @desc 日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-width-mini: var(--input-width-mini); /* @desc Mini日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-height-mini: var(-input-height-mini); /* @desc Mini日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-width-small: var(--input-width-small); /* @desc Small日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-padding-x-small: var(--input-padding-x-small); /* @desc Small日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-height-small: var(--input-height-small); /* @desc Small日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-width-medium: var(--input-width-medium); /* @desc Medium日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-height-medium: var(--input-height-medium); /* @desc Medium日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-width-large: var(--input-width-large); /* @desc Large日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-padding-x-large: var(--input-padding-x-large); /* @desc Large日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-height-large: var(--input-height-large); /* @desc Large日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-width-huge: var(--input-width-huge); /* @desc Huge日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */
    --datetime-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */
    --datetime-input-height-huge: var(--input-height-huge); /* @desc Huge日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */
    --datetime-input-padding-x-full: var(--input-padding-x-full); /* @desc Full日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */

    --datetime-popper-border-color: var(--border-color-base); /* @type color */ /* @desc 日期时间选择器选择框边框颜色,如：#223325 */ /* @prefix datetime */
    --datetime-popper-border-radius: var(--border-radius-base); /* @desc 日期时间选择器选择框圆角,如：1px */ /* @prefix datetime */

    /* @component u-capsules */
    --capsules-capsule-font-size: var(--font-size-base); /* @desc 胶囊字体大小 */ /* @prefix capsules-capsule */
    --capsules-capsule-padding-x: 4px; /* @desc 胶囊垂直内边距 */ /* @prefix capsules-capsule */
    --capsules-capsule-padding-y: 20px; /* @desc 胶囊水平内边距 */ /* @prefix capsules-capsule */
    --capsules-capsule-background: var(--color-white); /* @type color */ /* @desc 胶囊背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-background-selected: var(--brand-primary); /* @type color */ /* @desc 胶囊选中项背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-background-selected-hover: var(--brand-primary-light); /* @type color */ /* @desc 胶囊选中项hover背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-background-selected-disabled: var(--brand-primary-disabled); /* @type color */ /* @desc 胶囊选中项禁用背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-background-disabled: var(--background-color-disabled); /* @type color */ /* @desc 胶囊禁用背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-color: var(--color-base); /* @type color */ /* @desc 胶囊字体颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-color-hover: var(--brand-primary); /* @type color */ /* @desc 胶囊hover字体颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-color-selected: var(--color-white); /* @type color */ /* @desc 胶囊选中项字体颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-color-disabled: var(--gray-base); /* @type color */ /* @desc 胶囊禁用字体颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-color-selected-disabled: var(--color-white); /* @type color */ /* @desc 胶囊选中项禁用字体颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-cursor: var(--cursor-pointer); /* @desc 胶囊鼠标样式 */ /* @prefix capsules-capsule */
    --capsules-capsule-cursor-disabled: var(--cursor-not-allowed); /* @desc 胶囊禁用鼠标样式 */ /* @prefix capsules-capsule */
    --capsules-capsule-border-color: var(--border-color-base); /* @type color */ /* @desc 胶囊边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 胶囊hover边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-border-color-selected: var(--brand-primary); /* @type color */ /* @desc 胶囊选中项边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-border-color-selected-hover: var(--brand-primary-light); /* @type color */ /* @desc 胶囊选中项hover边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-border-color-selected-disabled: var(--brand-primary-disabled); /* @type color */ /* @desc 胶囊选中项禁用边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-flag-border-color: var(--brand-danger); /* @type color */ /* @desc 胶囊标记边框颜色 */ /* @prefix capsules-capsule */
    --capsules-capsule-label-background: var(--brand-error); /* @type color */ /* @desc 胶囊标签背景色 */ /* @prefix capsules-capsule */
    --capsules-capsule-label-color: var(--color-white); /* @type color */ /* @desc 胶囊标签字体颜色 */ /* @prefix capsules-capsule */




    /* @component u-taskbox */
    --taskbox-icon-font-size: 24px; /* @desc 任务箱图标大小,如：1px */
    --taskbox-badge-box-shadow: none; /* @hidden */

    /**
     * ========================
     *   特效
     * ========================
     */

    /* @component e-ripple @hidden */
    --ripple-transition: transform 1s, background-color 1s;
    --ripple-background: rgba(0, 0, 0, 0.2);
    --ripple-background-light: rgba(255, 255, 255, 0.2);
    --ripple-size: 100px;

    /* @component m-group @hidden */
    --group-head-padding: 2px 4px;
    --group-head-background: var(--background-color-dark);
    --group-expander-size: 26px;
    --group-expander-color-disabled: var(--brand-disabled);

    /* @component m-popper @hidden */
    --popper-box-shadow: var(--box-shadow-base);

    /* @component u-grid-layout @hidden*/
    --grid-layout-column-gap-none: 0;
    --grid-layout-column-gap-mini: 4px;
    --grid-layout-column-gap-small: 8px;
    --grid-layout-column-gap-normal: var(--space-base);
    --grid-layout-column-gap-large: 24px;
    --grid-layout-column-gap-huge: 32px;
    --grid-layout-column-content-gap-shrink: var(--space-shrink);
    --grid-layout-column-content-gap-none: 0;
    --grid-layout-column-content-gap-mini: var(--space-mini);
    --grid-layout-column-content-gap-small: var(--space-small);
    --grid-layout-column-content-gap-normal: var(--space-base);
    --grid-layout-column-content-gap-large: var(--space-large);

    /* @component u-process-info @hidden*/
    --process-info-label-color: var(--color-light);

    /* @component u-process-record @hidden*/
    --process-record-label-color: var(--color-light);
    --process-record-title-color: #333;
    --process-record-tail-border-color: #337EFF;
    --process-record-dot-success-backgroundcolor: #337EFF;
    --process-record-dot-error-backgroundcolor: #F24957;
    --process-record-dot-normal-backgroundcolor: white;
    --process-record-dot-normal-border-color: #337EFF;
    --process-record-statuslabel-success-backgroundcolor: rgba(38, 189, 113, 0.1);
    --process-record-statuslabel-success-color: #26BD71;
    --process-record-statuslabel-error-backgroundcolor: rgba(242, 73, 87, 0.1);
    --process-record-statuslabel-error-color: #F24957;
}

@custom-media --mini-window (max-width: 479px);
@custom-media --small-window (max-width: 767px);
@custom-media --medium-window (max-width: 959px);
@custom-media --large-window (max-width: 1179px);
@custom-media --huge-window (max-width: 1439px);
